/* 
	#########################################################################################################################################################
	 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
	----------------------------------------------------------------------------------------------------------------------------------------------------------
 */
.reports{height:100%;}
.notauthorised {
    font-family: Din, Tahoma, helvetica, arial;
    font-weight: bold;
}
.notauthorised  a{
	font-family: Din, Tahoma, helvetica, arial;
    font-weight: bold;
	text-decoration: underline;
}
.ui-widget-content{
	background:none !important;
	border: none !important;
	color:#000000 !important;
}
/* This is the main container div for all the reports */
#reports-div {
	margin-left: auto;
  margin-right: auto;
  width:100%;
  min-height: 500px;
  height:100%;
  overflow: auto;
  color:#000000;
}
.auth {
	font-size: 20px;
}
#reports-tabs {
   	border: 0 none;
   	padding:0 !important;
}

/* This is the main container div for all the reports */
#reports-div-login {
	margin-left: auto;
  margin-right: auto;
  width:100%;
  min-height: 500px;
}
#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:#ffffff !important;		/* first alternating colour */
color: black !important;
}	
.linecolour2{
	/*background-color: #FFFFFF !important; */  /* second alternating colour */
	background-color: #ffffff !important;  
	color: black !important;
}	
.linecolour3{
	background-color:#BFEBFF !important;    /* first alternating user total colour */
	color: black !important;
}	
.linecolour4{
	/*background-color: #EAEAEA !important;*/   /* second alternating user total colour */
	background-color: #BFEBFF !important;   
	color: black !important;
}	
.grand-total-line{
	height: 30px;
	background-color: #ffffff !important;   
	color: black !important;
}	
.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;
	border 1px solid #333333;
	-moz-border-radius: 5px 5px 5px 5px;
}



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

#ud-button-logout {
    height: 35px !important;		
}	

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

.report-tab-contact-me-table {
    width: 50%;
}
.ui-tabs .ui-tabs-panel{
	padding:0;
} 

#ui-datepicker-div {
	  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5) !important;  
	  
}
/*
.ui-datepicker-title {
	background-color: #c0c0c0 !important;
	color: #000000;
}
.ui-datepicker-header {
	background-color: #c0c0c0 !important;
	color: #000000;
	background: 0 none !important;
	border: 0 none !important;
}
.ui-datepicker-prev {
	background-color: #c0c0c0 !important;
	color: #000000;
}
.ui-datepicker-next {
	background-color: #c0c0c0 !important;
	color: #000000;
}


.ui-datepicker th {
	color: black !important;
}

.ui-datepicker-calendar tr {
	color: black !important;
	background-color: #c0c0c0 !important;
}
.ui-datepicker-calendar ui-state-default {
	color: black !important;
	background-color: #c0c0c0 !important;
	background: 0 none !important;
}
*/
#reports-tabs {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

table.tablesorter tbody td a {
	color: black !important;
}

.report-tab-quote-request-table {
	width: 50%;
}

#report-tab-user-detail {
	background-color: #605E60;
	padding: 20px;
	
}
#report-tab-library-use {
		background-color: #605E60;
	padding: 20px;
}

#report-tab-contact-me{
		background-color: #605E60;
	padding: 20px;
}

#report-tab-quote-request{
		background-color: #605E60;
	padding: 20px;
}