/* 
	#########################################################################################################################################################
	 REPORTS.CSS 
	 Sets the styles for the templates driving the two reports ('user detail' and 'library use') and the associated UI elements.
	 Author: Ruan 
	 Last modified date: 28/01/2011
	#########################################################################################################################################################
*/

/*
  ----------------------------------------------------------------------------------------------------------------------------------------------------------
	GLOBAL STYLES FOR BOTH REPORTS
	----------------------------------------------------------------------------------------------------------------------------------------------------------
 */
.notauthorised {
	    font-family: Din, Tahoma, helvetica, arial;
    
    font-weight: bold;
	 color: #ffffff;
}
.notauthorised  a{
	    font-family: Din, Tahoma, helvetica, arial;
    
    font-weight: bold;
	 color: #ffffff;
	 text-decoration: underline;
}
/* This is the main container div for all the reports */
#reports-div {
	margin-left: auto;
  margin-right: auto;
  width:85%;
  height: 500px;
  /*background: #7A8490;*/

background: #292829;
  overflow: auto;
 
/*  padding-top: 30px;*/
  
}

#reports-tabs {
	/*
	    background: #7A8490;*/
	    background: #292829;
	    	border: 0 none;
}

/* This is the main container div for all the reports */
#reports-div-login {
	margin-left: auto;
  margin-right: auto;
  width:80%;
  /*background: #7A8490;*/
  background: #292829;
}

#login-dialog {
	    font-size: 14px;
}


select {
	width: 150px;
	height: 21px;
}
input {
	width: 150px;
	height: 20px;
}
a {
	text-decoration:none;
}


/*
	These are the styles for highlighted lines in the Tablesorter - couldn't just use .odd or .even since groupings of several lines have to be highlighted
	in the Library use report. Highlights are handled by smarty in the template files.
 */
.linecolour1{
	background-color:#c0c0c0 !important;		/* first alternating colour */
}	
.linecolour2{
	/*background-color: #FFFFFF !important; */  /* second alternating colour */
	background-color: #BFC2C4 !important;  
}	
.linecolour3{
	background-color:#BFEBFF !important;    /* first alternating user total colour */
}	
.linecolour4{
	/*background-color: #EAEAEA !important;*/   /* second alternating user total colour */
	background-color: #c0c0c0 !important;   
}	
.grand-total-line{
	height: 30px;
}	
.notauthorised {
		
	    font-size: 14px;
}

/* 
	Tablesorter - all the styling not received from jquery-ui 
 */
table.tablesorter {
	margin:0px 0pt 15px;
	font-size: 0.9em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 0 none;
	font-size: 14px;
	padding: 4px;
}
table.tablesorter thead tr .header {
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
/* 
  ----------------------------------------------------------------------------------------------------------------------------------------------------------
	USER DETAIL REPORT
  ----------------------------------------------------------------------------------------------------------------------------------------------------------
 */
/* Surrounding DIV for tablesorter table - needed for UI styling on tablesorter */
#ud-report-table-body {
  width: 100%;
  border: none; 
}
/* The table surrounding the dropdown boxes on the User Detail Report tab  */
.report-tab-user-detail-table {
	    width:50%;
}
/* User Detail main table styling */			
#ud-report-table {
  width: 100%;
  
}
#ud-report-table  th {
	height: 30px;
}
#ud-report-table  th span {
  float:right;
}
#ud-report-table  tr.odd {
  background-color: #FFFFFF;
}
/*	This is the table surrounding the dropdown boxes on the email popup dialog */
#ud-email-dialog-table {
	
	    font-size: 1.0em;
}
/* 
  ----------------------------------------------------------------------------------------------------------------------------------------------------------
	LIBRARY USE REPORT
  ----------------------------------------------------------------------------------------------------------------------------------------------------------
 */
/* Surrounding DIV for tablesorter table - needed for UI styling on tablesorter */
#lu-report-table-body {
  width: 100%;
  border: none; 
}
/* The table surrounding the dropdown boxes on the Library Use Report tab  */
.report-tab-library-use-table {
	    width: 50%;
}
/* Library Use main table styling  - we need extra styling here since the tablesorter mod that works with jquery-UI does not style the table headers when
   they are marked as being non-sortable. So we have to manually apply the jquery-UI styles.
*/
#lu-report-table {
  width: 100%;
}
#lu-report-table  th {
	height: 30px;
}
#lu-report-table  th span {
  float:right;
}

/* 
  ----------------------------------------------------------------------------------------------------------------------------------------------------------
	COUNTRY REPORT
  ----------------------------------------------------------------------------------------------------------------------------------------------------------
 */
/* Surrounding DIV for tablesorter table - needed for UI styling on tablesorter */
#co-report-table-body {
  width: 100%;
  border: none; 
}
/* The table surrounding the dropdown boxes on the Library Use Report tab  */
.report-tab-country-table {
	    width: 50%;
}
/* Library Use main table styling  - we need extra styling here since the tablesorter mod that works with jquery-UI does not style the table headers when
   they are marked as being non-sortable. So we have to manually apply the jquery-UI styles.
*/
#co-report-table {
  width: 100%;
}
#co-report-table  th {
	height: 30px;
}
#co-report-table  th span {
  float:right;
}


.gritterclass{
	background: #333333;
	color: #ffffff;
	border: 1px solid #333333;
	-moz-border-radius: 5px 5px 5px 5px;
}

#reports-div .ui-widget {
    font-family: Din,Tahoma,helvetica,arial;
    font-size: 1em;
}

#reports-div .ui-widget-header {
	background: none;
    font-size: 1em;
}

	#tiptip_content {
			font-family:  Din, Tahoma, helvetica, arial !important;
  font-size: 0.9em !important;
}