/*	|=======================================================| **
**	| Project         : JeaBsy Web                          | **
**	| Created By      : Jeffrey Benistant                   | **
**	| Date            : October 2013                        | **
**	| Email           : Jeffrey@24design.nl                 | **
**	|=======================================================| */

/*******************************************************************************************************************************/

/* Table */
div.JBT_Table {
	min-width:	800px;
	background:	#FFF;
	color:		#000;
	overflow:	hidden;
	margin-bottom: 20px;
	border:		#BBE 1px solid;
}

/* Scrollable Area */
div.JBT_Scroll {
	overflow-x: scroll;
	overflow-y:	scroll;
	height:		418px;
	padding:	0px 0px 0px 10px;
}

/* Header */
div.JBT_Header {
	height:		30px;
	padding:	0px 0px 0px 10px;
	line-height:30px;
	font-weight:bold;
	color:		#EEE;
}

div.JBT_Header div.JBT_Column {
	height:		30px;
	text-align:	center;
}

div.JBT_Header .JBT_button {
	min-width:	60px;
	padding:	0px 15px;
}

div.JBT_Header .JBT_Title {
	margin-top:	12px;
	font-size:	25px;
	float:		left;
}

/* Sub Header */
div.JBT_Subheader {
	padding:	0px 0px 0px 10px;
	background: #7db9e8;
}

div.JBT_Subheader div.JBT_Column {}

div.JBT_Subheader .searchQuery {
	width:	100%;
	height:	23px;
	padding:0px;
	margin:	0px 0px 5px 0px;
}

/* Data area */
div.JBT_Data { }
div.JBT_Data_overlay {
	background:	#6FC6FF;
	height:		418px;
	width:		100%;
	opacity:	0.5;
	filter:		alpha(opacity = 50); /* IE7 & 8 */
	z-index:	99;
	display:	none;
}
div.JBT_Data_msg {
	background:	#6FC6FF;
	height:		418px;
	width:		100%;
	z-index:	100;
	display:	none;
}
div.JBT_Data_msg .loading {
	position:	relative;
	top:		50%;
	left:		50%;
	transform:	translate(-50%, -50%);
	height:		40px;
	width:		200px;
	color:		#FFF;
	font-size:	40px;
	line-height:40px;
	text-align:	center;
	text-shadow:1px 0 #06F, 0 -1px #06F;
	cursor:		default;
	z-index:	101;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
div.JBT_Data_msg .debug {
	position:	relative;
	top:		50%;
	left:		50%;
	transform:	translate(-50%, -50%);
	width:		500px;
	background:	#EED7BD;
	border:		#C00 2px solid;
	color:		#300;
	padding:	15px;
	font-size:	13px;
	min-height:	60px;
	z-index:	101;
}
div.JBT_Data_msg .debug_text {
	margin-bottom:	40px;
	max-height:		150px;
	overflow:		auto;
}
div.JBT_Data_msg .debug_ok {
	width:			120px;
	height:			30px;
	margin:			auto;
	text-align:		center;
	line-height:	30px;

	color:			#fff;
	cursor:			pointer;
	background:		#660000;
	border:			#C00 1px solid;
	padding:		0px 6px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.JBT_Row {
	display:	table-row;
	height:		20px;
	cursor:		pointer;
	width:		100%;
}
div.JBT_Row:hover {
	background:	#5F9DD6;
}

/* Columns */
div.JBT_Column {
	display:		table-cell;
	min-width:		20px;
	height:			20px;
	overflow:		hidden;
	padding:		0px 5px;
	border-right:	#00C 1px solid;
	white-space:	nowrap;
}

/* Footer */
.JBT_Footer {
	height:		31px;
}

.JBT_Footer div.JBT_text_IPP {
	line-height:30px;
	color:		#FFF;
	margin:		0px 4px 0px 0px;
}

.JBT_Footer div.JBT_select_IPP {
	margin:		4px 0px 4px 0px;
}

.JBT_Footer div.JBT_btn_refresh {
	height:		20px;
	cursor:		pointer;
	margin:		4px 0px 4px 0px;
	height:		20px;
	width:		20px;
	background-image:	url(icons/icon-20-refresh.png);
	background-size:	20px 20px;
}


.JBT_Footer div.JBT_btn {
	height:		23px;
	cursor:		pointer;
	background:	#BDD7EE;
	border:		#00C 1px solid;
	padding:	0px 6px;
	margin:		4px 0px 4px 1px;
}

.JBT_Footer div.JBT_pages {
	margin:		4px 0px 4px 1px;
}

.JBT_Footer div.JBT_spcr {
	margin:		0px 10px;
}

.JBT_Footer div.centerBlock {
	overflow:	auto;
	margin:		0px 250px;
	text-align:	center;
}

.JBT_Footer div.centerBlock div.JBT_btn {
	display:	inline-block;
	width:		200px;
}

.JBT_Footer select {
	height:	23px;
	width:	50px;
	border:	#00C 1px solid;
}

/* Fancy layout */
.JBT_Gradient {
	background: rgb(185,187,229); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YmJlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(185,187,229,1) 0%, rgba(41,137,216,1) 34%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,187,229,1)), color-stop(34%,rgba(41,137,216,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(185,187,229,1) 0%,rgba(41,137,216,1) 34%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(185,187,229,1) 0%,rgba(41,137,216,1) 34%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(185,187,229,1) 0%,rgba(41,137,216,1) 34%,rgba(125,185,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(185,187,229,1) 0%,rgba(41,137,216,1) 34%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9bbe5', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
}

/* Round Corners */
.JBT_round_TL {
	/* Top Left * /
	-moz-border-radius-topleft:	 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius:         6px;
	/* */
}

.JBT_round_TR {
	/* Top Right * /
	-moz-border-radius-topright:     6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius:         6px;
	/* */
}

.JBT_round_BL {
	/* Bottom Left * /
	-moz-border-radius-bottomleft:     6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius:         6px;
	/* */
}

.JBT_round_BR {
	/* Bottom Right * /
	-moz-border-radius-bottomright:     6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius:         6px;
	/* */
}

.JBT_input_large {
	margin:	3px 0;
	border-width: 2px;
	height:	25px;
	font-size: 1.0em;
}
.JBT_button_large {
	margin:	5px 0;
	background: #7db9e8;
	color:#fff;
	border-width: 2px;
	height:	30px;
	font-size: 1.1em;
	cursor: pointer;
}