/*
	Something here fucks with the css of the main wordpress admin area, 
	lets add kurser_ to all classnames
*/

div#kurser_admin_wrapper{
	float:left;
	width: 700px;
	margin: 0 22px 0 0;
}

table.sheet{
	width:100%;
}
table.sheet tr td{
		height: 36px;
		font-size:11px;
	}
	
	table.sheet tr th{
		font-size: 11px;
	}
	
	table.sheet tr:hover td{
		
	}
	
	table.sheet td{
		padding: 2px;
	}
	
	table.sheet tr.odd td, table.sheet tr.odd th{
		background-color: #f0f0f0;
	}
	
	table.sheet tr.even td{
		
	}
	
	table.sheet tr.hover td.details{
		background-color: none;
	}
	
	table.sheet tr.details td{
		/*border-top: 1px solid #ccc;
		border-bottom: 1px solid #898989;*/
		padding: 12px 4px 12px 4px;
		/*background-color: #dddbdb;*/
		background-color: #fff;
		
	}
	
	table.sheet tr.hilite td{
		
		/*background-color: #95bc34;*/
		background-color: #ccc;
		font-weight: bold;
		
		
	}
	
	div.chart_canvas{
		height: 320px;
		width: 696px;
		position: relative;
	}
	
		div.chart_canvas img.preloader{
			position: absolute;
			width: 32px;
			height: 32px;
			top: 50%;
			left: 50%;
			margin-top: -16px;
			margin-left: -16px;
			
		}
	
	
	table.kurser{
	width: 100%;
	border: 1px solid #ccc;
	border-right: 0;
	margin: 0 0 12px 0;
}

table.kurser th{
	text-align: left;
	font-weight: bold;
	padding: 4px;
	border-bottom: 1px solid #8b2f08;
	height:32px;
	background-color: #a83b05;
	background-image: url(assets/footer_bg.gif);
	color: #fff;
}

table.kurser td{
	padding: 4px;
	line-height: 160%;
	border-right: 1px solid #ccc;
}

table.kurser td.right{
	text-align: right;
}

table.sheet tr.details td table.detail_tbl{
	width: 100%;
	font-size: 10px;
	line-height: 100%;
	border: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.sheet tr.details td table.detail_tbl tr:first-child td, tr.firstrow td{
	background-color: #a83b05;
	background-image: url(assets/footer_bg.gif);
	color: #fff;
	border: 0;
	border-bottom: 1px solid #8b2f08;
	font-weight: bold;
}

table.sheet tr.details td table.detail_tbl tr:last-child td, tr.lastrow td{
	background-color: #a83b05;
	background-image: url(assets/td_foot.gif);
	color: #fff;
	border: 0;
	border-bottom: 1px solid #8b2f08;
	font-weight: bold;
}

table.sheet tr.details td table.detail_tbl tr{ border: 0; }

table.sheet tr.details td table.detail_tbl tbody tr td{
	height:10px;
	line-height: 100%;
	border: 0;
	background-color: #fff;
	border-bottom: 1px solid #888;
	border-right: 1px solid #ccc;
}

table.sheet tr.details td table.kurser_textdetails{
	padding: 0;
	border: 0;
}



table.kurser_textdetails{
	width: 100%;
	border: 1px solid red;
}

table.sheet tr.details td table.kurser_textdetails td{
	padding: 2px;
	border: 0;
	line-height: 100%;
	height: 14px;
}



/* Buttons */

div.kurser-buttons{
	width:100%;
	height: 30px;
	float:none;
	clear: both;
	/*margin: 0 0 12px 0;*/
	position: absolute;
	top: 12px;
	right: 12px;
}

div.closeBtn{
	float:right;
	margin: 0 0 0 0;
	background-image: url(assets/closeDetails.png);
	width:70px;
	height: 28px;
	background-position: 0 -32px;
	background-repeat: no-repeat;
}

div.closeBtn a{
	text-decoration: none;
}

div.closeBtn:hover{
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.printBtn{
	float:right;
	margin: 0 5px 0 0;
	background-image: url(assets/printDetails.png);
	width:100px;
	height: 28px;
	background-position: 0 -32px;
	background-repeat: no-repeat;
}

div.printBtn a{
	text-decoration: none;
}

div.printBtn:hover{
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.downloadBtn{
	float:right;
	margin: 0 5px 0 0;
	background-image: url(assets/downloadPdf.png);
	width:100px;
	height: 28px;
	background-position: 0 -32px;
	background-repeat: no-repeat;
}

div.downloadBtn a{
	text-decoration: none;
}

div.downloadBtn:hover{
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}



div.parsed_data{
	width: 330px;
}

body.popup{
	text-align: center;
}

body.popup div.parsed_data{
	width: 700px;
	
}

/*table.sheet tr.details td div.canvas table.chartlabels{
	background-color: #fff;
	border: 1px solid #ccc;
}

table.sheet tr.details td div.canvas table.chartlabels td{
	line-height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	height: 22px;
}*/

div.kurser_sidbar{
	float:right;
	width: 300px;
	padding-right: 12px;
	padding-top: 12px;
	border-right: 1px solid #fff;
}

div.kurser_sidbar table td{
	padding: 4px 4px 4px 0;
	border-bottom: 1px solid #ccc;
}

body.popup div.kurser_sidbar table td{
	padding: 4px 4px 4px 0;
	border-bottom:0;
}

body.popup h2{
	font-size: 22px;
	margin-top: 12px;
}

div.popup_details{
	padding: 4px 12px 12px 12px;
	background-color: #fff;
	margin: 12px auto 12px auto;
	width: 720px;
	text-align: left;
	position: relative;
}

div.details_left{
	width:275px;
	float:left;
	margin-top: 12px;
	
}

div.details_right{
	/*width:455px;
	float:right;*/
	width: 100%;
	float:none;
	clear: both;
	padding: 0;
	margin: 0;
	margin-top: 12px;
	
}

div.details_fill{
	padding: 25px 0 40px 0;
	width: 100%;
	float:none;
	clear: both;
	margin-top: 12px;
}

div#plotexplain{
	margin: 36px 0 6px 0;
	padding: 12px;
	background-color: #ececec;
	font-size: 10px;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	
	float:none;
	clear: both;
}

div#plotexplain span{
	
}

#canvas_explained{
	margin: 24px 0 0 0;
}

td.kurser_right{
	text-align: right;
}

#latest_kurser thead th{
	cursor: pointer;
}

th.headerSortUp { 
    background-image: url(assets/sort_asc.png); 
    background-position: top right;
}

th.headerSortDown { 
    background-image: url(assets/sort_desc.png); 
    background-position: top right;
}



/*div { border: 1px solid red; } */