/**
 * Default datagrid
 */
.datagrid {
	width: 100%;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
    margin-bottom: 10px;
    clear: both;
	table-layout: fixed;
}
.datagrid a {
	color: #3379C1;
} 
.datagrid th {
	color: #BFBFBF;
	background: #EFEFEF;
	padding: 14px 31px 14px 26px;
	font-weight: normal;
	text-align: left;
}
.datagrid td {
	padding: 18px 26px;
	border-bottom: 1px solid #EFEFEF;
	overflow: hidden;
	word-wrap: break-word;
}

.datagrid .expiredRow{
    color: #FF0000;
}

.datagrid .checkedInRow{
    color: #BFBFBF;
}


.datagrid .quarter {width: 85px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.datagrid .quarter {width: 15%;}
}

.datagrid .triple {width: 60px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.datagrid .triple {width: 11%;}
}
.datagrid .triple_plus {width: 60px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.datagrid .triple_plus {width: 12%;}
}
.datagrid .double {width: 50px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.datagrid .double {width: 9%;}
}

.datagrid .single {width: 30px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.datagrid .single {width: 8%;}
}

.datagrid .name {
	font-size: 117%;
}
.datagrid .login {
	color: #BFBFBF;
	font-size: 83%;
}

/**
 * Sortable table headers
 */
.datagrid .sortcol {
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url('../images/icons/sort_no.gif');
	background-position: right center;
}
.datagrid .sortdesc {
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url('../images/icons/sort_asc.gif');
	background-position: right center;
}
.datagrid .sortasc {
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url('../images/icons/sort_desc.gif');
	background-position: right center;
}