@charset "utf-8";

/* CSS Document */
body {
	background-color: #ffffff;
	color: #888888;
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	font-family: 'Josefin Sans' !important;
}

#iconContainer {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 217px;
	height: 77px;
	right: 811px;
	bottom: 490px;
}

#iconContainer div {
	width: 10px;
	height: 10px;
	margin-bottom: 10px;
}

.tablestyle {
	color: #000000;
	font-family: 'Josefin Sans' !important;
	font-size: small;
	text-align: center;
	font-weight: 500;
}

.ztablestyle tr.row:hover {
	background-image: url('../icons_grid/GridViewBG.jpg');
	background-repeat: repeat-x;
}

.zaltrowstyle {
	background-color: #7f7f7f;
}

.headerstyle th {
	border-left: medium none #FFF;
	border-right: medium none #FFF;
	background-image: url(../img/appimages/Strock.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 2%;
	color: #ff0000;
	padding: 4px 1px 4px 1px;
	text-align: center;
	vertical-align: bottom;
}

.headerstyle th a {
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #000;
	display: block;
	padding-right: 10px;
}

.rowstyle .sortaltrow,
.altrowstyle .sortaltrow {
	background-color: #edf5ff;
	font: 11px;
	font-family: 'Josefin Sans';
	text-align: center;
	color: #ff0000;
}

.rowstyle .sortrow,
.altrowstyle .sortrow {
	background-color: #666666;
	font: 11px;
	font-family: 'Josefin Sans';
	text-align: center;
	color: White;
}

.tablestyle tr.row {
	color: White;
	background-color: #2C2C2C;
	padding: 4px 1px 4px 1px;
	border-right: solid 1px gray;
	font: 11px;
	font-family: 'Josefin Sans';
	text-align: center;
}

.rowstyle td,
.altrowstyle td {
	background-color: #2C2C2C;
	padding: 4px 1px 4px 1px;
	border-right: solid 1px gray;
	font: 11px;
	font-family: 'Josefin Sans';
	text-align: center;
}

.headerstyle .sortascheader {
	background: url('../icons_grid/sprite.png') repeat-x 0px -100px;
}

.headerstyle .sortascheader a {
	background: url('../icons_grid/dt-arrow-up.png') no-repeat right 50%;
}

.headerstyle .sortdescheader {
	background: url('../icons_grid/sprite.png') repeat-x 0px -100px;
}

.headerstyle .sortdescheader a {
	background: url('../icons_grid/dt-arrow-dn.png') no-repeat right 50%;
}

.button {
	background-color: #2b91af;
	border-radius: 10px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none
}

.button.small {
	border-radius: 15px;
	float: right;
	margin: 22px 5px 0;
	padding: 6px 15px
}

.button:hover {
	background-color: #1e1e1e
}

.button>span {
	font-size: 84%
}

.button.bClose {
	border-radius: 7px 7px 7px 7px;
	box-shadow: none;
	font: bold 131% sans-serif;
	padding: 0 6px 2px;
	position: absolute;
	right: -7px;
	top: -7px
}

.popup {
	background-color: #fff;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 25px 5px #999;
	color: #111;
	display: none;
	min-width: 450px;
	padding: 25px
}

.row_red {
	color: Red !important;
}

.row_lime {
	color: Lime !important;
}

.style1 {
	width: 26px;
}