/* font styling start */
@font-face {
	font-family: 'TgpFont';
	src: url('fonts/Kazmann-Sans.eot');
	src: url('fonts/Kazmann-Sans.eot?#iefix') format('embedded-opentype'),url('fonts/Kazmann-Sans.woff') format('woff'),url('fonts/Kazmann-Sans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
    src: url('https://fonts.cdnfonts.com/css/segoe-ui-4');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Frutiger';
    src: url('https://fonts.cdnfonts.com/css/frutiger');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica Neue';
    src: url('https://fonts.cdnfonts.com/css/helvetica-neue-9');
	font-weight: normal;
	font-style: normal;
}

/* font styling end */
body {
	color: #fff;
background: rgb(22,22,22);
background-image: url('images/woodenbg.jpg');
background-repeat: repeat-x;
background-attachment: fixed;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border-top: 0px solid #000;
	margin: 0;
}
form {
	padding: 0px;
	margin: 0px;
}
body.inneriframe {
	background: #111;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
}

html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	min-height: 100%;
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-track {
	background-image: url('images/tactile_noise.png');
	background-repeat: repeat;
}
::-webkit-scrollbar-thumb {
	background-image: url('images/opacbgmore.png');
	background-repeat: repeat;
	border-radius: 0px;
}

.newsflash {
  position: fixed;
  top: 60px;
  right: 0;
  width: 80%;
  height: 24px;
	background: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 4;

}
.toffeewrapper {
	margin: 0px;
	width: 100%;
	max-width: 100%;
	background: none;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 85px;
	margin-bottom: 50px;
}
.wrapper {
	width: 100%;
	padding: 0;
	overflow:hidden;
background: none;
	border-top: 0px solid #222;
	border: 0px solid #222;
}


.wrappertop {
	margin: 0;
	width: 100%;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin-left: 0px;
}
#latestspan {
	width: 99%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background: none;
	font-size: 12px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	opacity: 1;
}
.logotext {
	color: #fff;
	font-family: "TgpFont", Arial, Verdana, helvetica, sans-serif;
	font-size: 25px;
	letter-spacing: 8px;
	text-shadow: 2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	vertical-align: middle;
}
.navig {
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	width: 15%;
	float: left;
	border: 0px solid #000;
	background-image : url("images/opacbg.png");
	background-repeat: repeat;
	padding: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	vertical-align: middle;
	-webkit-box-shadow: 0px 10px 13px -7px #000, 5px 5px 10px 5px rgba(0,0,0,0);
	box-shadow: 0px 10px 13px -7px #000, 5px 5px 10px 5px rgba(0,0,0,0);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.stat {
	width: 15%;
	float: right;
	padding: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.contentbar {
	border: 0px solid #000;
	margin-top: 0;
	border-radius: 0px;
	padding: 1px 4px;
	color: #fff;
	font-size: 11px;
	letter-spacing: 1px;
background: rgb(60,69,84);
background: linear-gradient(180deg, rgba(60,69,84,1) 4%, rgba(42,49,65,1) 100%);
	line-height: 30px;
	text-align: center;
}
.content {
	background: none;
	padding: 0px;
	align-items: center;
	padding-bottom: 30px;
	overflow:hidden;
	vertical-align: middle;
	width: 70%;
	position: relative;
}
.bottomcontent {
	color: #fff;
	position: static;
	border-top: 0px solid #444;
	border-radius: 0px;
	padding: 0px;
	align-items: center;
	margin-top: 5px;
	text-align: center;
	vertical-align: middle;
}
.innerds {
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	padding: 1px;
}
.contentinnerds {
	display: inline-block;
	width: 100%;
	border-radius: 0px;
	padding: 5px;
	align-items: center;
	position: static;
	vertical-align: middle;
}
.clear {
	clear: both;
}
/* layout position and dimension end */
/* table styling start */
table.tbl {
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	vertical-align: middle;
	border-spacing: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	letter-spacing: 0.5px;
}
td.tforum {
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	padding: 8px 8px;
}
td.tblforum {
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	padding: 4px 6px;
}
table.smoothtbl tr:last-child td:first-child {
	border-bottom-left-radius: 0px;
}
table.smoothtbl tr:last-child td:last-child {
	border-bottom-right-radius: 0px;
}
table.smoothtbl tr:first-child td:first-child {
	border-top-left-radius: 0px;
}
table.smoothtbl tr:first-child td:last-child {
	border-top-right-radius: 0px;
}
td.tbl {
	padding: 4px 6px;
}
td.tblopac {
	padding: 8px 4px;
	font-size: 12px;
	color: #fff;
	text-shadow: 0px 0px 4px #000;
	margin: 0px;
	background: #111111;
	box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
td.tblopachdr {
	padding: 5px 6px;
	color: #fff;
	font-family: "TgpFont", Arial, Verdana, helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: 0px 0px 4px #000;
	margin: 0px;
	background-image: url('images/bg.jpg');
	background-repeat: repeat;
	box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
td.select {
	padding: 4px;
	cursor: pointer;
}
td.selected {
	color: #fff;
	font-size: 12px;
	padding: 4px;
	text-shadow: 0px 0px 4px #000;
	cursor: pointer;
	background: rgb(150,45,45);
	background: linear-gradient(180deg, rgba(150,45,45,0.6) 7%, rgba(113,27,27,0.6) 49%, rgba(80,26,26,0.6) 92%);
}
td.garagebuttontbl {
	padding: 0px;
}
table.smoothtbl {
	border-spacing: 0px;
	background: #333;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border: 1px solid #000;
box-shadow: rgba(0, 0, 0, 0.64) 0px 3px 8px;
	border-radius: 0px;
}
table.stattbl {
	border-spacing: 0px;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	padding: 4px;
}
table.smoothtbl_locked {
	border-spacing: 0px;
	background: #333;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border-radius: 0px;
	padding: 0px;
	border: 1px solid #000;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 10px 5px rgba(0,0,0,0);
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 10px 5px rgba(0,0,0,0);
	opacity: 0.6;
}
table.msgtbl {
	background: #333;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border-radius: 0px;
	padding: 2px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
td.smoothtbl {
	background: #333;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border-radius: 0px;
	padding: 4px;
	border: 0px solid #000;
	padding: 4px 6px;
}
span.msgtbl {
	background: #333;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border-radius: 0px;
	padding: 2px;
	border: 0px solid #000;
}
span.msgtblyou {
	background: #1CC95E;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border-radius: 5px;
	padding: 2px;
	border: 0px solid #000;
}
span.msgtblthem {
	background: #1CA2C9;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border-radius: 5px;
	padding: 2px;
	border: 0px solid #000;
}
td.hdr {
text-transform: capitalize;
	color: #eee;
	padding: 2px 6px;
	font-family: "TgpFont", Arial, Verdana, helvetica, sans-serif;
	font-size: 28px;
	letter-spacing: 2px;
	border-bottom: 1px solid #000;
	text-align: center;
background: #161616;
text-transform: uppercase;
		    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}
td.hdrsmall {
text-transform: capitalize;
	color: #eee;
	padding: 2px 6px;
	font-family: "TgpFont", Arial, Verdana, helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: 2px;
	border-bottom: 1px solid #181818;
	text-align: center;
background: rgb(28,28,28,1);
text-transform: uppercase;
		    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}
td.hdrnobg {
	color: #fff;
	font-family: "TgpFont", Arial, Verdana, helvetica, sans-serif;
	font-size: 28px;
	letter-spacing: 2px;
	border-bottom: 0px solid #000;
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	text-align: center;
	background: #2D2D2D;
	text-transform: uppercase;
	padding: 3px 4px;
}
td.hdrnobdr {
	color: #fff;
	font-family: "TgpFont", Arial, Verdana, helvetica, sans-serif;
	font-size: 30px;
	letter-spacing: 2px;
	border-bottom: 0px solid #000;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	text-align: center;
}
td.hdrw {
	color: #fff;
	font-family: "TgpFont", Arial, Verdana, helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: 2px;
	border-bottom: 1px solid #000;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	text-transform: uppercase;
}
td.hdrg {
	color: #22942f;
	font-family: "TgpFont", Arial, Verdana, helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: 2px;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	text-transform: uppercase;
	background: #111111;
	height: 28px;
}
td.hdr_menu {
	color: #fff;
	font-family: "TgpFont", Arial, Verdana, helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: 2px;
	border-bottom: 1px solid #000;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	background: #111111;
	height: 28px;
	text-transform: uppercase;
}
.statstbl {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	padding: 4px;
	vertical-align: middle;
	font-weight: bold;
}

td.sub {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	padding: 4px;
	vertical-align: middle;
}

.records {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 1px;
	border-spacing: 1px;
	border-collapse: collapse;
	text-decoration: none;
	color: #000;
	border: 0px solid #000;
	background: #4A4A4A;
	vertical-align: middle;
}
.tblfriendbox{
	background: #0F2027;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border-radius: 0px;
	padding: 2px;
	border: 1px solid #000;
	vertical-align: middle;
}
.instant {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	border-spacing: 1px;
	border-collapse: collapse;
	text-decoration: none;
	color: #fff;
	border: 0 solid #fff;
	background: #191919;
	vertical-align: middle;
}
.rlt_tbl {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 1px;
	border-spacing: 1px;
	border-collapse: collapse;
	text-decoration: none;
	color: #fff;
	border: 0px solid #000;
	background: #104f0d;
	-webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .9), inset 0 0 21px -8px #000;
	-moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .9), inset 0 0 21px -8px #000;
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .9), inset 0 0 21px -8px #000;
	-o-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .9), inset 0 0 21px -8px #000;
	vertical-align: middle;
}
.nobdrtbl {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	border-spacing: 1px;
	border-collapse: collapse;
	text-decoration: none;
	color: #fff;
	border: 0 solid #000;
	vertical-align: middle;
}
.ldr_user {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #000;
	border: 0 solid #38264c;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #433058;
}
.ldr_red {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #000;
	border: 0 solid #5c2d2d;
	background: #ab2828;
}
.l_gold {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: gold;
	padding-top: 4px;
	padding-bottom: 4px;
}
.l_silver {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: silver;
	padding-top: 4px;
	padding-bottom: 4px;
}
.l_bronze {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}
.youjail {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #000;
	border: 0 solid #5c2d2d;
	background: #ab2828;
}
.pokertablegreen {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	top: 4px;
	padding: 2px 3px;
	border: 0px solid #000;
	background: #104f0d;
	-webkit-box-shadow: inset 0 0 23px -3px #000;
	-moz-box-shadow: inset 0 0 23px -3px #000;
	box-shadow: inset 0 0 23px -3px #000;
	-o-box-shadow: inset 0 0 23px -3px #000;
}
.tblrederror, .tblblueupd, .tblbrownfail, .tblgreensucc {
	margin: 0px 10px;
	padding: 11px;
	vertical-align: middle;
}
.tblrederror{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	color: #fff;
	background-image: linear-gradient(to right, #111111 , #111111);
	border-radius: 0px;
}
.tblblueasc{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	color: #eee;
	background: rgb(64,20,20);
	background: linear-gradient(90deg, rgba(64,20,20,0) 8%, rgba(47,48,142,0.38699229691876746) 32%, rgba(47,48,142,0.6755077030812324) 50%, rgba(47,48,142,0.3785889355742297) 67%, rgba(64,4,4,0) 92%);
}
.tblblueupd{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	color: #00529B;
	background-color: #8fd6f7;
	border-radius: 0px;
}
.tblbrownfail{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	color: #804d01;
	background-color: #f7be6d;
	border-radius: 0px;
}
.tblgreensucc{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	color: #065c1d;
	background-color: #63f77e;
	border-radius: 0px;
}
.tblneutralbox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: #282828;
	padding: 4px;
	vertical-align: middle;
	border: 0px solid #000;
	vertical-align: middle;
}
.tbltimeboxred{
	list-style: none;
	color: #eee;
	font-size: 12px;
	padding: 6px 6px 6px 10px;
	text-shadow: 0px 0px 4px #000;
	cursor: pointer;
	margin: 0px;
	width: 100%;
	background: rgb(150,45,45);
	background: linear-gradient(180deg, rgba(150,45,45,0.6) 7%, rgba(113,27,27,0.6) 49%, rgba(80,26,26,0.6) 92%);
}
.tbltimeboxblue{
	list-style: none;
	color: #eee;
	font-size: 12px;
	padding: 6px 6px 6px 10px;
	text-shadow: 0px 0px 4px #000;
	cursor: pointer;
	margin: 0px;
	width: 100%;
	background: rgb(38,54,105);
	background: linear-gradient(180deg, rgba(38,54,105,0.6) 7%, rgba(29,42,83,0.6) 49%, rgba(25,36,71,0.6) 92%);
}
.tblneutralboxt{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: #191919;
	padding: 1px;
	vertical-align: middle;
	border: 0px solid #000;
	vertical-align: middle;
}
.death{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff;
	background-image: url('../images/deathbg.jpg');
	border-radius: 0px;
	padding: 3px;
	border: 1px solid #000;
	vertical-align: middle;
}


.onlinecell {
    font-family: Arial, Verdana, helvetica, sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 8px;
background: rgb(68,68,68);
background: linear-gradient(180deg, rgba(68,68,68,1) 0%, rgba(51,51,51,1) 100%);
    border: 1px solid #333;
-webkit-box-shadow: inset 1px 1px 0px 0px rgba(85,85,85,0.15);
-moz-box-shadow: inset 1px 1px 0px 0px rgba(85,85,85,0.15);
box-shadow: inset 1px 1px 0px 0px rgba(85,85,85,0.15);
text-align: left;
}

.tblbluebox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #000;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0) 2%, rgba(35,54,171,0.5578606442577031) 50%, rgba(0,0,0,0) 98%);
	padding: 3px;
	vertical-align: middle;
	border: 0px solid #000;
}
.tblgreybox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 6px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #fff;
	border: 1px solid #111111;
	outline: none;
	background: #111111;
	border-radius: 0px;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.50);
}
.tbldarkredbox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #111111;
	border-radius: 0px;
	padding: 4px;
	vertical-align: middle;
	border: 0px solid #000;
}
.tbltimerredbox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff !important;
	padding: 5px;
	background: #852323;
	border-radius: 0px;
	vertical-align: middle;
	border: 1px solid #852323;
	font-weight: none;
	margin: 4px;
}
.tbltimergreenbox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff !important;
	padding: 5px;
	background: #23853b;
	border-radius: 0px;
	vertical-align: middle;
	border: 1px solid #23853b;
	font-weight: none;
	margin: 4px;
}
.tbltimergreenbox a {
	color: #fff !important;
}
.tbltimerredbox a {
	color: #fff !important;
}
.tbltimerbluebox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff !important;
	padding: 5px;
	background: #233585;
	border-radius: 0px;
	vertical-align: middle;
	border: 1px solid #233585;
	font-weight: none;
	margin: 4px;
}
.tbldarkgreenbox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: #179D3E;
	border-radius: 0px;
	padding: 0px;
	vertical-align: middle;
	border: 0px solid #000;
}
.tblredbox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff;
	background: rgb(64,20,20);
	background: linear-gradient(90deg, rgba(64,20,20,0) 8%, rgba(191,8,8,0.2721463585434174) 32%, rgba(191,8,8,0.5158438375350141) 50%, rgba(191,8,8,0.2861519607843137) 67%, rgba(64,4,4,0) 92%);
	padding: 4px;
	vertical-align: middle;
	border: 0px solid #000;
}
.tblbluebox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0) 2%, rgba(35,54,171,0.5578606442577031) 50%, rgba(0,0,0,0) 98%);
	padding: 4px;
	vertical-align: middle;
	border: 0px solid #000;
}
.tblgreenbox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff;
	background: rgb(64,20,20);
	background: linear-gradient(90deg, rgba(64,20,20,0) 8%, rgba(18,191,8,0.3169642857142857) 32%, rgba(18,191,8,0.6334908963585435) 50%, rgba(18,191,8,0.3113620448179272) 67%, rgba(64,4,4,0) 92%);
	padding: 4px;
	vertical-align: middle;
	border: 0px solid #000;
}
.tblbrownbox{
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	color: #fff;
	background: rgb(18,18,18);
	background: linear-gradient(90deg, rgba(18,18,18,0) 0%, rgba(161,81,35,0.4514180672268907) 50%, rgba(18,18,18,0) 100%);
	padding: 4px;
	vertical-align: middle;
	border: 0px solid #000;
}
.inbox_msg {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border: 0 solid #000;
	vertical-align: middle;
}
/* table styling end */
.hrspacer {
	width: 67%;
	float: left;
	align-items: center;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
}
hr.red {
	border: 0;
	height: 2px;
	background-image: linear-gradient(to right, rgba(144, 41, 43, 0), rgba(144, 41, 43, 0.75), rgba(144, 41, 43, 0));
}
hr.white {
	border: 0;
	height: 2px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
/* button and text field styling start */
.button_on {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 8px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #fff;
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	border: 1px solid #000;
	outline: none;
	background: rgb(102,25,25);
	background: linear-gradient(180deg, rgba(102,25,25,1) 17%, rgba(93,24,24,1) 61%, rgba(59,14,14,1) 100%);
	border-radius: 0px;
	cursor: pointer;
}
.button_off {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 8px;
	color: #fff;
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	border: 1px solid #000;
	background: #222;
	border-radius: 0px;
	cursor: pointer;
}
.buttongreen {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 6px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #EEE;
	border: 1px solid #000;
	outline: none;
	background: rgb(32,111,38);
	background: linear-gradient(0deg, rgba(32,111,38,1) 0%, rgba(48,177,43,1) 100%, rgba(35,122,41,1) 100%);
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
}
.buttonred {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 6px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #EEE;
	border: 1px solid #000;
	outline: none;
	background: rgb(102,25,25);
	background: linear-gradient(180deg, rgba(102,25,25,1) 17%, rgba(93,24,24,1) 61%, rgba(59,14,14,1) 100%);
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
}
.button {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 6px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #EEE;
	text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;
	border: 1px solid #000;
	outline: none;
	background: rgb(46,44,44);
	background: linear-gradient(0deg, rgba(46,44,44,1) 17%, rgba(50,50,50,1) 61%, rgba(69,68,68,1) 100%);
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
}
.button:hover {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 6px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #EEE;
	text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;
	border: 1px solid #000;
	outline: none;
	background: rgb(46,44,44);
	background: linear-gradient(0deg, rgba(46,44,44,1) 17%, rgba(50,50,50,1) 61%, rgba(69,68,68,1) 100%);
	cursor: pointer;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	border-radius: 5px;
}
.button:focus {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 6px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #EEE;
	text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;
	border: 1px solid #000;
	outline: none;
	background: rgb(46,44,44);
	background: linear-gradient(0deg, rgba(46,44,44,1) 17%, rgba(50,50,50,1) 61%, rgba(69,68,68,1) 100%);
	cursor: pointer;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30), inset 1px 1px 1px 0px rgba(255,255,255,0.15);
	border-radius: 5px;
}
.text {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 6px;
	color: #000;
	border: 1px solid #242424;
	outline: none;
	background: #eee;
	border-radius: 5px;
	text-align: center;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;

}
.text:focus {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 6px;
	color: #000;
	border: 1px solid #242424;
	background: #eee;
	border-radius: 5px;
}
.smalltext {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 6px 0px 6px 0px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #111;
	border: 1px solid #000;
	outline: none;
	background: #eee;
	border-radius: 5px;
	text-align: center;
}
.smalltext:focus {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 6px 0px;
	color: #000;
	border: 1px solid #000;
	background: #eee;
	border-radius: 5px;
	text-align: center;
}
input.white {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 4px;
	color: #000;
	border: 1px solid #000;
	background: #fff;
	border-radius: 0px;
}
input.green {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 4px;
	color: #fff;
	border: 1px solid #000;
	background: #104f0d;
	border-radius: 0px;
}
input.red {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 4px;
	color: #fff;
	border: 1px solid #000;
	background: #8B0000;
	border-radius: 0px;
}
input.black {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 4px;
	color: #fff;
	border: 1px solid #000;
	background: #000;
	border-radius: 0px;
}
textarea {
	-webkit-transition: all .60s ease-in-out;
	-moz-transition: all .60s ease-in-out;
	-ms-transition: all .60s ease-in-out;
	-o-transition: all .60s ease-in-out;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 1px 4px;
	color: #333;
	border: 1px solid #000;
	outline: none;
	background: #eee;
	border-radius: 0px;
}
textarea:focus {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 1px 4px;
	color: #000;
	border: 1px solid #000;
	outline: none;
	background: #fff;
	border-radius: 0px;
}
select {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	padding: 2px 2px 2px 2px;
	color: #000;
	border: 1px solid #333;
	background: #eee;
		border-radius: 5px;
}
select:focus {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	padding: 2px 2px 2px 2px;
	color: #000;
	border: 1px solid #333;
	background: #eee;
	border-radius: 5px;
}
.takeover {
	font-size: 12px;
	color: #eee;
	padding: 2px 5px;
	background: #333;
	border: 1px solid #333;
	border-radius: 5px;
	cursor: pointer;
}
.takeover:hover {
	font-size: 12px;
	color: #cd0f0f;
	padding: 2px 5px;
	background: #333;
	border: 1px solid #333;
	border-radius: 5px;
	cursor: pointer;
}
.garage {
	padding: 1px 5px;
	color: #fff;
	border: 1px solid #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #333;
}
.garage_button {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 4px 6px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #fff;
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	border: 1px solid #000;
	outline: none;
	background: rgb(36,34,34);
	background: linear-gradient(0deg, rgba(36,34,34,1) 17%, rgba(50,50,50,1) 61%, rgba(69,68,68,1) 100%);
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.30);
}
.garage_button:hover {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 4px 6px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #fff;
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	border: 1px solid #000;
	outline: none;
	background: rgb(36,34,34);
	background: linear-gradient(0deg, rgba(36,34,34,1) 17%, rgba(50,50,50,1) 61%, rgba(69,68,68,1) 100%);
	cursor: pointer;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.40);
	border-radius: 5px;
}
.garage_button:focus {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 4px 6px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-ms-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	color: #fff;
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	border: 1px solid #000;
	outline: none;
	background: rgb(36,34,34);
	background: linear-gradient(0deg, rgba(36,34,34,1) 17%, rgba(50,50,50,1) 61%, rgba(69,68,68,1) 100%);
	cursor: pointer;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.40);
	border-radius: 5px;
}
.garage_button_tbl {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	margin: 3px;
	padding: 3px 6px;
	color: silver;
	background-color: #111111;
	border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 0px solid #000000;
	cursor: pointer;
}
.uni_button {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	margin: 2px;
	padding: 4px 8px;
	color: #999;
	border: 1px solid #555;
	background-color: #333;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.97);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.97);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.97);
	border-radius: 6px;
	cursor: pointer;
}
.uni_button:hover {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	margin: 2px;
	padding: 4px 8px;
	color: #fff;
	border: 1px solid #555;
	background-color: #333;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.97);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.97);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.97);
	border-radius: 6px;
	cursor: pointer;
}
/* button and text field styling end */
a{
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}
a.notifil {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}
a.notifil:link {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}
a.notifil:visited {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}
a.notifil:hover {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}
a.notifil:active {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}
a.inbox {
	font-size: 13px;
	text-decoration: none;
	color: #000;
}
a.inbox:link {
	font-size: 13px;
	text-decoration: none;
	color: #000;
}
a.inbox:visited {
	font-size: 13px;
	text-decoration: none;
	color: #000;
}
a.inbox:hover {
	font-size: 13px;
	text-decoration: none;
	color: #000;
}
a.inbox:active {
	font-size: 13px;
	text-decoration: none;
	color: #000;
}
a.atag {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #019ada;
}
a.atag:link {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #019ada;
}
a.atag:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #019ada;
}
a.atag:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #1488b9;
}
a.atag:active {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #019ada;
}
a.timerlink {
	text-decoration: none;
}
a.timerlink:link {
	text-decoration: none;
}
a.timerlink:visited {
	text-decoration: none;
}
a.timerlink:hover {
	text-decoration: none;
}
a.timerlink:active {
	text-decoration: none;
}
a.bjlink {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
a.bjlink:link {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
a.bjlink:visited {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
a.bjlink:hover {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
a.bjlink:active {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #000;
}
a.leaders {
	font-size: 12px;
}
a.leaders:link {
	font-size: 12px;
}
a.leaders:visited {
	font-size: 12px;
}
a.leaders:hover {
	font-size: 12px;
}
a.leaders:active {
	font-size: 12px;
}
td a.menu {
	width: 100%;
	padding: 5px;
}
td.menutbl {
	color: #fff;
	padding: 5px;
}
td.menutbl:hover {
	background: #111;
	background: -webkit-gradient(linear, left top, right top, from(#333) 1%, to(#111) 99%);
	background: -webkit-linear-gradient(left, #333 1%, #111 99%);
	background: -moz-linear-gradient(left, #333 1%, #111 99%);
	background: -ms-linear-gradient(left, #333 1%, #111 99%);
	background: -o-linear-gradient(left, #333 1%, #111 99%);
	color: #fff;
	padding: 5px;
	border-radius: 0px;
}
td.menutblactive {
	background: #111;
	background: -webkit-gradient(linear, left top, right top, from(#111111) 1%, to(#111) 99%);
	background: -webkit-linear-gradient(left, #111111 1%, #111 99%);
	background: -moz-linear-gradient(left, #111111 1%, #111 99%);
	background: -ms-linear-gradient(left, #111111 1%, #111 99%);
	background: -o-linear-gradient(left, #111111 1%, #111 99%);
	color: #fff;
	padding: 5px;
	border-radius: 0px;
}
a.menu {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}
a.menu:link {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}
a.menu:visited {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}
a.menu:hover {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}
a.menu:active {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}
a.dealership_button {
	color: #fff;
}
a.dealership_button:active {
	color: #fff;
}
a.dealership_button:hover {
	color: #fff;
}
a.dealership_button:link {
	color: #fff;
}
a.dealership_button:visited {
	color: #fff;
}
fieldset {
	padding: 11px;
	text-align: center;
	color: #fff;
	border: 1px solid #000;
	background: #191919;
	border-radius: 6px;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 10px 5px rgba(0,0,0,0);
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 10px 5px rgba(0,0,0,0);
}
legend {
	padding: 2px 16px;
	text-align: left;
	color: #fff;
	border: 1px solid #000;
	background: #202020;
	border-radius: 6px;
}
a.legendc {
	font-size: 18px;
	color: #fff;
}
fieldset.quote {
	padding: 11px;
	text-align: center;
	color: #000;
	border: 1px solid #000;
	background: #AAAAAA;
	font-size: 12px;
	border-radius: 6px;
}
legend.quote {
	padding: 2px 16px;
	text-align: left;
	color: #000;
	border: 1px solid #000;
	background: #DDDDDD;
	font-size: 12px;
	border-radius: 6px;
}
form {
	padding: 0;
}
td img {
	vertical-align: top;
}
.textpulsate {
	-webkit-animation: pulsate 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.5;
}
@-webkit-keyframes pulsate {
	0% {
		opacity: 0.0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1.0;
	}
}
.alert-success, .alert-update, .alert-warning, .alert-error {
min-width: 250px;
    padding: 2px;
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0px;
    border: 0px solid #000;
}
.alert-success{
background: rgb(41,147,37);
padding-top: 5px;
padding-bottom: 5px;
}

.alert-update{
background: rgb(42,44,121);
padding-top: 5px;
padding-bottom: 5px;
}

.alert-warning{
background: rgb(147,90,37);
padding-top: 5px;
padding-bottom: 5px;
}

.alert-error{
background: rgb(120,30,30);
padding-top: 5px;
padding-bottom: 5px;
}

[data-tooltip] {
	position: relative;
	z-index: 1;
	cursor: pointer;
}
[data-tooltip]:before,[data-tooltip]:after {
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}
[data-tooltip]:before {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -105px;
	padding: 7px;
	width: 200px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #000;
	background-color: #282828;
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.97);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.97);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.97);
}
[data-tooltip]:hover:before,[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
#cookie-bar {
	background:#111;
	height:auto;
	line-height:24px;
	color:#eeeeee;
	text-align:center;
	padding:3px 0;
}
#cookie-bar.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}
#cookie-bar.fixed.bottom {
	bottom:0;
	top:auto;
}
#cookie-bar p {
	margin:0;
	padding:0;
}
#cookie-bar a {
	color:#ffffff;
	display:inline-block;
	border-radius:3px;
	text-decoration:none;
	padding:0 6px;
	margin-left:8px;
}
#cookie-bar .cb-enable {
	background:#33c74f;
	color: #000;
}
#cookie-bar .cb-enable:hover {
	background:#33c74f;
	color: #000;
}
#cookie-bar .cb-disable {
	background:#444;
	color: #000;
}
#cookie-bar .cb-disable:hover {
	background:#444;
	color: #000;
}
#cookie-bar .cb-policy {
	background:#444;
	color: #000;
}
#cookie-bar .cb-policy:hover {
	background:#444;
	color: #000;
}
.buttonz {
	color: #fff;
	display: inline-block;
	position: relative;
	padding: 0px 10px;
}
.buttonz__badge {
	background-color: #000;
	border-radius: 8px;
	color: #fff;
	padding: 1px 4px;
	font-size: 12px;
	position: absolute;
	bottom: 25%;
	right: 0;
	vertical-align: middle;
}
.notifbox {
	padding: 10px;
	font-size: 14px;
	width: 40%;
	position: fixed;
	top: 3%;
	right: 1%;
	background: #444;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border: 1px solid #000;
	-webkit-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.24);
	border-radius: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 10;
	animation-name: appear;
	animation-duration: 4s;
	animation-fill-mode: forwards;
}
.sb1:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 10px solid #111;
	border-right: 10px solid transparent;
	border-top: 10px solid #111;
	border-bottom: 10px solid transparent;
	right: -20px;
	top: 6px;
}
.pulsate a {
	color: gold !important;
	-webkit-animation: pulsate 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.2;
}
.pulsate {
	color: gold !important;
	-webkit-animation: pulsate 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.2;
}
@-webkit-keyframes pulsate {
	0% {
		opacity: 0.2;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.2;
	}
}
.pulsate_green {
	color: #0ca81e;
	-webkit-animation: pulsate 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.2;
}
@-webkit-keyframes pulsate_green {
	0% {
		opacity: 0.2;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.2;
	}
}
.label-danger{
	background-color: #555;
	border-radius: 50%;
	color: #fff;
	padding: 2px 6px;
	font-size: 11px;
	font-weight: bold;
	border: 0px solid #444;
}
.label-danger[href]:focus,.label-danger[href]:hover{
	background-color: #555;
	border-radius: 50%;
	color: #fff;
	padding: 2px 6px;
	font-size: 11px;
	font-weight: bold;
		border: 0px solid #444;
}
#fprogress {
	width: 99.6%;
	border: 1px solid black;
	position: static;
	padding: 0px;
	background: #333;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#fpercent {
	position: static;
	left: 50%;
}
#fbar {
	height: 3px;
	background: rgb(27,132,191);
	background: linear-gradient(90deg, rgba(27,132,191,1) 65%, rgba(51,51,51,1) 100%);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#bprogress {
	width: 99.6%;
	border: 1px solid black;
	position: static;
	padding: 0px;
	background: #333;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#bpercent {
	position: static;
	left: 50%;
}
#bbar {
	height: 3px;
	background: rgb(191,142,27);
	background: linear-gradient(90deg, rgba(191,142,27,1) 65%, rgba(51,51,51,1) 100%);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#nprogress {
	width: 99.6%;
	border: 1px solid black;
	position: static;
	padding: 0px;
	background: #333;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#npercent {
	position: static;
	left: 50%;
}
#nbar {
	height: 15px;
	background: rgb(51,27,191);
	background: linear-gradient(90deg, rgba(51,27,191,1) 65%, rgba(51,51,51,1) 100%);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#thebarprogress {
	width: 99.6%;
	border: 1px solid #161616;
	position: static;
	padding: 0px;
	background: #333;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
		-webkit-box-shadow: inset 0px 0px 21px -3px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 21px -3px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 21px -3px rgba(0,0,0,1);
}
#thebarpercent {
	position: static;
	left: 50%;
}
#thebar {
	height: 15px;
background: rgb(19,89,13);
background: linear-gradient(0deg, rgba(19,89,13,1) 0%, rgba(7,187,0,1) 100%);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#multibarprogress {
	width: 99.6%;
	border: 1px solid #161616;
	position: static;
	padding: 0px;
	background: #333;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#multibarpercent {
	position: static;
	left: 50%;
}
#multibar {
	height: 15px;
	background: rgb(58,116,180);
	background: linear-gradient(56deg, rgba(58,116,180,1) 27%, rgba(30,253,29,1) 73%);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.glow {
	font-size: 36px;
	color: #EEE;
	text-align: center;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
	from {
		text-shadow: 0 0 10px #81B7C7, 0 0 20px #81B7C7, 0 0 30px #117CD6, 0 0 40px #117CD6, 0 0 50px #117CD6, 0 0 60px #117CD6, 0 0 70px #117CD6;
	}
	to {
		text-shadow: 0 0 20px #81B7C7, 0 0 30px #11D688, 0 0 40px #11D688, 0 0 50px #11D688, 0 0 60px #11D688, 0 0 70px #11D688, 0 0 80px #11D688;
	}
}
.menufence {
	padding: 0;
	border: 0px solid #333;
	overflow: hidden;
	margin-left: 0px;
	margin-right: 0px;
}
.sideMenuhdrg {
	list-style: none;
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 6px 4px;
background: rgb(22,22,22);
background: linear-gradient(180deg, rgba(22,22,22,1) 0%, rgba(16,16,16,1) 100%);
	cursor: pointer;
	margin: 0px;
	width: 100%;
}
.sideMenuhdr {
	list-style: none;
	color: #fff;
	font-family: "TgpFont", Arial, Verdana, helvetica, sans-serif;
	font-size: 25px;
	letter-spacing: 2px;
	padding: 6px 4px;
background: rgb(22,22,22);
background: linear-gradient(180deg, rgba(22,22,22,1) 0%, rgba(16,16,16,1) 100%);
	cursor: pointer;
	text-transform: uppercase;
	margin: 0px;
	width: 100%;
}
.sideMenutext {
	list-style: none;
	font-size: 13px;
	color: #fff;
	text-shadow: 0px 0px 4px #000;
	margin: 0px;
	width: 100%;
	padding: 10px 6px;
	background: #333;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.sideMenuul {
	list-style: none;
	margin:0;
	padding: 0px;
	overflow: hidden;
	background: #333;
	border-left: 0px solid #111111;
	border-right: 0px solid #111111;
	border-bottom: 0px solid #111111;
	border-top: 0px solid #444;
}
.sideMenuli {
	list-style: none;
	color: #eee;
	font-size: 12px;
	text-shadow: 0px 0px 4px #000;
	cursor: pointer;
	margin: 0px;
	width: 100%;
	padding: 10px 0px 10px 8px;
	border-bottom: 1px solid #222;
}
.sideMenuli:hover {
	list-style: none;
	color: #DC3F3F;
	font-size: 12px;
	text-shadow: 0px 0px 4px #000;
	cursor: pointer;
	margin: 0px;
	width: 100%;
	padding: 10px 0px 10px 8px;
	border-bottom: 1px solid #DC3F3F;
	background: #303030;
}
li.sideMenuli:first-child {
	border-top: none;
}
li.sideMenuli:last-child {
	border-bottom: none;
}
.sideMenuli a {
	color: #eee;
	text-decoration: none;
	font-size: 12px;
	display: block;
}
.sideMenuli:hover a {
	text-decoration: none;
	font-size: 12px;
	color: #DC3F3F;
}
.menuliActive {
	list-style: none;
	color: #EB6E6E;
	font-size: 12px;
	text-shadow: 0px 0px 4px #000;
	cursor: pointer;
	margin: 0px;
	width: 100%;
	padding: 10px 0px 10px 8px;
	border-bottom: 1px solid #CC5F5F;
	background: #303030;
}
.menuliActive a {
	text-decoration: none;
	font-size: 12px;
	color: #EB6E6E !important;
}
.rbartext {
	position: absolute;
	padding: 0;
	text-align: center;
	margin-left: 5px;
	font-weight: none;
	font-size: 11px;
	color: #eee;
	line-height: 15px;
}
.hbartext {
	position: absolute;
	padding: 0;
	text-align: center;
	margin-left: 5px;
	font-weight: none;
	font-size: 11px;
	color: #eee;
	line-height: 20px;
}
.hbarwrapper {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-radius: 5px;
}
.hprogress-bar {
	width: 100%;
	background-color: #333;
	border: 1px solid #111;
		-webkit-box-shadow: inset 0px 0px 21px -3px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 21px -3px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 21px -3px rgba(0,0,0,1);
		border-radius: 5px;
}
.hprogress-bar-fill {
	font-weight: none;
	font-size: 12px;
	color: #000;
	display: block;
	height: 15px;
background: rgb(89,13,13);
background: linear-gradient(0deg, rgba(89,13,13,1) 0%, rgba(187,0,0,1) 100%);
	border: 0px solid #000;
	text-align: center;
	line-height: 15px;
	text-shadow: none !important;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	overflow: hidden;
		border-radius: 5px;
}
.rbarwrapper {
	width: 100%;
	padding: 0px;
	margin: 0px;
		border-radius: 5px;
}
.rprogress-bar {
	width: 100%;
	background-color: #555;
	border: 1px solid #101010;
		-webkit-box-shadow: inset 0px 0px 21px -3px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 21px -3px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 21px -3px rgba(0,0,0,1);
		border-radius: 5px;
}
.rprogress-bar-fill {
	font-weight: none;
	font-size: 11px;
	color: #000;
	display: block;
	height: 5px;
background: rgb(19,89,13);
background: linear-gradient(0deg, rgba(19,89,13,1) 0%, rgba(7,187,0,1) 100%);
	border: 0px solid #000;
	text-align: center;
	line-height: 10px;
	text-shadow: none !important;
	overflow: hidden;
		border-radius: 5px;
}
.vwrap, .vitem {
	height: 30px;
	line-height: 30px;
}
.vwrap {
	overflow: hidden;
	background: #606060;
}
.vitem {
	text-align: center;
}
.vmove {
	position: relative;
}
@keyframes tickerv {
	0% {
		bottom: 0;
	}
	30% {
		bottom: 30px;
	}
	60% {
		bottom: 60px;
	}
	90% {
		bottom: 90px;
	}
	100% {
		bottom: 0;
	}
}
.vmove {
	animation-name: tickerv;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(1, 0, .5, 1);
}
.vmove:hover {
	animation-play-state: paused;
}
.restock {
	font-size: 12px;
	color: #eee;
	padding: 2px 5px;
	background: #444;
	border: 1px solid #333;
	border-radius: 5px;
	cursor: pointer;
}
.restock:hover {
	font-size: 12px;
	color: #cd0f0f;
	padding: 2px 5px;
	background: #444;
	border: 1px solid #333;
	border-radius: 5px;
	cursor: pointer;
}
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 3;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0,0,0);
	/* Fallback color */
	background-color: rgba(0,0,0,0.6);
	/* Black w/ opacity */
}
.modal-content {
	background-color: none;
	margin: auto;
	padding: 20px;
	border: 0px solid #888;
	width: 90%;
}
.close {
	color: #d72323;
	text-shadow: 0 !important;
	right: 50px;
	font-size: 26px;
	font-weight: none;
	padding: 0px;
}
.close:hover,.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.perkglow {
	border-spacing: 0px;
	background: #444;
	color: #fff;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	border: 1px solid #333;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(19,222,0,1), inset 0px 7px 50px 16px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 6px 0px rgba(19,222,0,1), inset 0px 7px 50px 16px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 6px 0px rgba(19,222,0,1), inset 0px 7px 50px 16px rgba(0,0,0,0.6);
}

.imgtxtcontainer {
	position: relative;
	text-align: center;
	color: white;
	padding: 0;
	margin: 0;
	border-radius: 5px;
}
.bottom-leftimg {
	position: absolute;
	bottom: 2px;
	left: 0px;
}
.bottom-rightimg {
	position: absolute;
	bottom: 2px;
	right: 3px;
}
.dropbtn {
	background: none;
	color: #DCA8A8;
	padding: 0px 0px;
	font-size: 12px;
	border: none;
	cursor: pointer;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	right: 0px;
	background-color: #222;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content a {
	color: #DCA8A8;
	padding: 8px 8px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {
	background-color: #181818;
	color: #eee;
	font-style: italic;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(34,34,34,0.8) 0%, rgba(18,18,18,0.9) 100%);
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	background-color: #444;
	border-bottom: 0px solid #000;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.tblindent {
	border: 1px solid #202020;
	padding: 8px;
	background: #282828;
}
.tblindent {
	border: 1px solid #202020;
	padding: 8px;
	background: #282828;
}



    .horimenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
background: rgb(22,22,22);
background: linear-gradient(180deg, rgba(22,22,22,1) 0%, rgba(16,16,16,1) 100%);
  color: #eee;
  border-bottom: 0px solid #222;
  margin: 0px;
  text-decoration: none;
}
    .horimenu-pad {
  display: flex;
  width: 100%;
  padding: 8px;
}
.horimenu-item {
  flex: 1;
  text-align: center;
  padding: 5px;
      color: #eee;
    font-family: arial;
    border-right: 1px solid #000;
        border-left: 1px solid #222;
      text-decoration: none;
}

.horimenu-item:first-child {
border-left: none !important;
}
.horimenu-item:last-child {
border-right: none !important;
}

.horimenu-item:hover {
color: #DC3F3F;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 1),0px 0px 2px rgba(0, 0, 0, 1);
}

.horimenu-item.active {
color: #DC3F3F;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 1),0px 0px 2px rgba(0, 0, 0, 1);
}





/* Make the header fixed */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 85px;
background: #161616;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 4;
  border-bottom: 1px solid #111;
  color: #CCC;
}




/* Set the styles for the user container */
.header .user-container {
  display: flex;
  align-items: center;
  margin-left: 5px;
}

/* Set the styles for the avatar */
.header .avatar {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin-left: 4px;
      margin-top: 4px;
  vertical-align: middle;
border: 1px solid #111;
  transform: rotate(180deg);
}

.header .avatarcontainer {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  vertical-align: middle;
border: 1px solid #000;
overflow: hidden;
margin: 2px;
}
.header .avatarfiller {
  width: 100%;
  background: rgb(180,0,0);
  
}
.header .avatarbg {
  width: 100%;
 height: 100%;
  background: #333;
  transform: rotate(180deg);
}

.user-container {
    display: flex;
    align-items: left;
}
.username-container {
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-bottom: 0px; /* reduce the margin between the username and icon-container */
}
.icon-container {
    width: 25px;
    display: flex;
    justify-content: left;
    padding-top: 5px; /* remove the default padding */

}

/* Set the styles for the username */
.header .username {
  margin-left: -2px;
  font-size: 1.4em;
  align-self: left;
}

/* Set the styles for the sections */
.header .section {
  flex: 1;
  text-align: left;
  	border: 1px solid #101010;
	background: #333;
-webkit-box-shadow: inset 1px 3px 8px 0px rgba(0,0,0,0.95);
-moz-box-shadow: inset 1px 3px 8px 0px rgba(0,0,0,0.95);
box-shadow: inset 1px 3px 8px 0px rgba(0,0,0,0.95);
	margin-right: 20px;
	border-radius: 6px;
	  line-height: 28px; /* aligns the icon vertically */
	  height: 30px;
	  padding-top: 3px;
}

/* Set the styles for the sections container */
.header .sections-container {
  display: flex;
  justify-content: space-between;
  margin-right: 5px;
  width: 80%;
  flex-wrap: wrap;
}

/* Set the styles for the icons */
.section i {
  float: left;
  margin-left: 10px;
  line-height: 29px; /* aligns the icon vertically */
}

.section img {
  float: left;
  margin-left: 0px;
  margin-top: 7px; /* aligns the icon vertically */
}