/* 
Created on : 12 mars 2014, 13:46:42
Author     : sMoron
*/




/* table explorer */
table.explorer
{
	border-collapse: separate;
	border-spacing: 0;
	
	border-top:1px solid #dfeaf7;
}

table.explorer th
{
	color:#0d4e85;
	font-weight: normal;
	text-align: left;
	
	cursor:default;
	
	border:1px solid transparent;
	
	padding:3px 9px 2px 9px;
	
	position:relative;
}


table.explorer th:before
{
	content: '';
    position: absolute;
    height: 21px;
    width: 1px;
    top: -1px;
    left: -1px;
	background: url(static-borderexplorer.png);
}

table.explorer th:first-child:before
{
	content: '';
    position: absolute;
    height: 1px;
    width: 20px;
    top: -2px;
    left: 0;
	background: url(static-bordertopleftexplorer.png);
}

table.explorer th:last-child:after
{
	content: '';
    position: absolute;
    height: 1px;
    width: 20px;
    top: -2px;
    right: 0;
	background: url(static-bordertoprightexplorer.png);
}


table.explorer th.crescent
{
	background: url(static-crescentarrowexplorer.png) no-repeat 50% 0;
}

table.explorer th.decrescent
{
	background: url(static-decrescentarrowexplorer.png) no-repeat 50% 0;
}

table.explorer th:hover
{
	background-color: #f2f7fd;
	border-color:#e3e8ee;
}

table.explorer td
{
	padding: 2px 10px 2px 10px;
	
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
}

table.explorer td:first-child
{
	border-left:1px solid transparent;
}

table.explorer td:last-child
{
	border-right:1px solid transparent;
}

table.explorer tr:hover td
{
	border-color: #b8d6fb;
	background: #ebf3fd;
}


table.explorer tr.group > td > span
{
	float: left;
	display: inline-block;
	padding: 10px 10px 10px 10px;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	color:darkblue;
}

table.explorer tr.group > td[colspan]
{
	background-position: 5px 50%;
	background-repeat: no-repeat;
	background-image: url(static-openarrowexplorer.png);
}

table.explorer tr.group:hover > td[colspan]
{
	background-image: url(static-openarrowhoverexplorer.png);
}

table.explorer tr.group.close > td[colspan]
{
	background-image: url(static-closearrowexplorer.png);
}

table.explorer tr.group.close:hover > td[colspan]
{
	background-image: url(static-closearrowhoverexplorer.png);
}

table.explorer tr.group > td > hr
{
	margin-top:18px;
	border:0;
	border-top:1px solid lightgray;	
}

/*
table.explorer tr.group.open ~ tr:not([class~=group])
{
	display:table-row;
}

table.explorer tr.group.close ~ tr:not([class~=group])
{
	display:none;
}*/