﻿
/*###################################CATALOGUE###############################*/

#BCOVER_NIELSEN_REFRESH span {
    background: url("../Images/bc_ns.png")  no-repeat 0 transparent;
}

#CAT_NIELSEN_REFRESH span {
    background: url("../Images/nscatalogue.png")  no-repeat 0 transparent;
}


#CAT_MASS_REBUILD_CATALOGUE_DISPLAY span {
    background: url("../Images/rebuildCatalogueDisplay.png")  no-repeat 0 transparent;
}

#CAT_MASS_REBUILD_MARC_DISPLAY span {
    background: url("../Images/rebuildCatMarc.png")  no-repeat 0 transparent;
}

#CAT_MASS_TAG_RESECUENCE span {
    background: url("../Images/rebuildCatRefSequence.png")  no-repeat 0 transparent;
}

#CAT_MASS_UNUSED_CAT_FILE span {
    background: url("../Images/InsertUnusedCatInFile.png")  no-repeat 0 transparent;
}

#CAT_MASS_DELETE_UNUSED_CATALOGUE span {
    background: url("../Images/CatMassDeleteUnused.png")  no-repeat 0 transparent;
}

#CAT_MASS_DELETE_UNUSED_CATALOGUE_IN_FILE span {
    background: url("../Images/CatMassdeletedUnusedInFile.png")  no-repeat 0 transparent;
}

#CAT_AS_SERIES_TITLE span {
    background: url("../Images/Add_Series.gif")  no-repeat 0 transparent;
}

#REMOVE_CAT_FROM_SERIES_TITLE span {
    background: url("../Images/Remove_series.png")  no-repeat 0 transparent;
}

#ADD_CAT_TO_SERIES span {
    background: url("../Images/Set.gif")  no-repeat 0 transparent;
}

#REMOVE_CAT_FROM_SERIES span {
    background: url("../Images/Remove.gif")  no-repeat 0 transparent;
}

#CAT_MASS_DATEDATA_REBUILD span {
      background: url("../Images/rebuildDateColumns.png")  no-repeat 0 transparent;
}


#divCatMoreOptions
{
    margin: 0;
    padding: 0;
    color: #000000;
    font-family: arial,sans-serif;

}

#divCatMoreOptions li
{
    list-style: none outside none;
    margin: 0 0 1em 5px;
    min-height: 35px;
    padding: 0 0 0 46px;
    position: relative;
    color:yellow;
}

#divCatMoreOptions li a span {
    
    height: 60px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 45px;
}




/*---------------------------table result Catalogue heading--------------------*/

.tableHeadingCatalogue thead
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

.popUpCataloguePresentation table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
    
}
.popUpCataloguePresentation thead
{
	font-family:Arial;
    font-size:8.25pt;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}


.catConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.catConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.catConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}



#divCatConfirmation
{
    padding:1px;
    width:50%;
    margin-left:-25%; 

}


.tbTag008Maintenance
{
    font-family:Courier New,Courier,monospace;
    width:100%;
    text-align:center;
    
}

#catalogueAvailableTagsTable a 
{
    text-decoration:none;
}


.catalogueTableStyle table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
    
}

.catalogueTableStyle thead
{	
	
	font-family:Arial;
    font-size:8.25pt;
	font-weight: bold;
	padding: 8px;
	background: yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: black
}

/*--selected and unselected rows style for catalogues*/
.catalogueTrMouseOut
{
    background:White;
  
}

.catalogueTrMouseOver
{
    background:yellow;
    color:Black;
}

.catalogueTrSelected, .catalogueTrSelected input, .catalogueTrSelected select,.catalogueTrSelected textarea
{
    background:yellow;
    font-weight: bold;
    color:Black;
}

.catalogueTrSelected
{
    background:yellow;
    color:Black;

}

.catalogueTrUnSelected, .catalogueTrUnSelected input, .catalogueTrUnSelected select,.catalogueTrUnSelected textarea
{
    background:Black;
    font-weight:normal;
    color:yellow;
}

.catalogueTrUnSelected
{
    background:yellow;
    color:Black;
}


/*###################################END CATALOGUE###############################*/


/*###################################CIRCULATION###############################*/

/*---------------------------table result circulation heading--------------------*/
.tableHeadingCirculation thead
{
	
	
	font-family:Arial;
    font-size:8.25pt;
	font-weight: bold;
	padding: 8px;

	background:yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: black;
}

.tableHeadingCirculation table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
}


.circulationConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.circulationConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.circulationConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: black;
}



#divCirConfirmation
{
    padding:1px;
    width:50%;
    margin-left:-25%; 

}


.cirConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}


.cirConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.cirMouseOutReservation
{
    background:Black;
    color:Yellow;
}

.cirMouseOverReservation
{
    background:Yellow;
	color:Black;
}

.cirSelectedReservation
{
   
    background:Yellow;
    color:Black;
   
}

.cirUnSelectedReservation
{
    background:Black;
 
}

.cirReservationButtonsHeading
{
    background:Yellow;
    color:Black;
    width:100%;
}


.cirMouseOutIssue
{
    background:Black;
    color:Yellow;
}

.cirMouseOverIssue
{
    background:Yellow;
    color:Black;
}

/*.cirSelectedIssue
{
   
    background:black;
    color:White;
   
}
*/

.cirSelectedIssue
{
    /*background:#a56403;*/
    background:Yellow;
    /*color:White;*/
}


.cirUnSelectedIssue
{
    background-color:Black;
    color:Yellow;
}

.cirIssueButtonsHeading
{
    
    background:Yellow;
	color:Black;
    width:100%;
}

#cirIssueTable
{
   
    max-height:250px;
    overflow-y: scroll; 
    overflow-x:hidden;
    
}

.BackGroundIllServices
{
	background:#73011e;
}
.BudgetMessage
{
	background-color:#085704;
}


/*###############################END CIRCULATION###############################*/








/**/
body {
	background: #c2e3e6;
	font-family:  arial, sans-serif;

	text-align: center;
	padding: 0;
	margin: 0;
}



p, h1, h2, h3, h4, h5, h6, ul, li, label {
	padding: 0;
	margin: 0;
}
a
{
	background-color:Yellow;
	color:Black;
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 2em;
		
}
h2 {
	font-size:1.5em;
}
h3 {
	font-size: 1.2em;
}

ul {
	list-style: none; 
}
.clear {
	display:block;
	clear:both;
	float:none;
	height:1px;
	overflow:hidden;
}

/* start document link styling 16 pixel icons --------------------------------------*/

#content-wrapper table {
	width:100%;
	background-color:Black;
}
#content-wrapper table th {
    padding:0.2em;
    vertical-align:bottom;
     text-align:left;
	}
#content-wrapper table td {
	border-style:none;
	margin:0;
	padding:0.2em;
}
#content-wrapper .form-wrapper table {
	overflow:scroll;
}
#content-wrapper .form-wrapper table table {
	overflow:auto;
}
#wrapper {
	min-width:600px;
	width:100%;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;		
	color:Yellow;
}
#content-wrapper {
	float:left;
	width:100%;
	position:relative;
	margin-bottom:1em;
	padding-bottom:2em;
	background-color:Black;
}
#content-wrapper ul {
	list-style-type:disc;
}
#content-wrapper ul li {
	margin-left:20px;
}


#content-wrapper a {
	text-decoration:underline;
	color:Black;
	background-color:Yellow;
}
/* helper links
---------------------------------------*/
#helpers {
	float: left;
	position: relative;
	width: 100%;
	background:#008194 url('../images/corner-helpers.gif') no-repeat right bottom;
	border-bottom: 1em solid #c2e3e6;
	padding-bottom:1em;
	padding-top:0.7em;
}
#helpers ul {
	clear:both;
}
#helpers li {
	float: left;
}
#helpers a {
	color: #fff;
	padding: 0 0 .1em 0;
	font-weight:bold;
}
#helpers #skip-to-links {
	float:left;
	width:85%;
	padding-top:0.5em;
}
#helpers #skip-to-links li {
	margin-left:3%;
}
#helpers #skip-to-links li a {
	text-decoration:underline;
}
#helpers .TextResizing {
	float:right;
	position:relative;
	right:1.5em;
}
#helpers .TextResizing li {
	float:none;
	display:inline;
}
#helpers a.medium {
	margin-left:0.2em;
}
#helpers .right {
	border-bottom:2px #fff solid;
	float:right;
}

/* header
---------------------------------------*/
#header {
	float: left;
	width: 100%;
	background:#fff url('../images/corner-header-right-top.gif') no-repeat right top;
	padding-top:0em;	
}
.welcome {
	font-weight:bold;
	margin-bottom:0.5em;
}
.site-tools img {
	float: left;
	padding: 2em 0 0 1em;	
}
.site-tools {
	display:inline;
	font-weight:bold;
}
.site-tools li {
	display: inline;
	padding:0 0.5em;
}
.site-tools li a {
	text-decoration:underline;
}
#header-col-1 {
	float:left;
	margin-left:5px;
	padding-top:5px;

}
#header-col-1 table {
	display:none;
}
#header-col-1 ul.contact-info {
	margin-top:1.5em;
	margin-bottom:0.5em;
}
#header-col-1 ul.contact-info li {
	float:left;
	color:#005E73;
	font-size:1.15em;
	font-weight:bold;
	margin:0 0.7em 0 0;
	width: 152px;
}
#header-col-1 ul.contact-info li.first {
	margin-right:0.2em;
}
.rss {
	padding-right:28px;
	background: #fff url('../images/rss.gif') no-repeat scroll right center;
}
#header-col-1 ul.contact-info li a {
	font-weight:bold;
	font-size:0.85em;
	text-decoration:underline;	
}
#header-col-2{
	text-align:right;
	margin-right:21px;
}
#searchInput {
	color: #005e73;
	font-weight: 700;
	width: 24%;
	clear: right;
	position:relative;
	float:right;
	top:1em;
	right:0;
}
#searchInput .search-title 
{
	text-align: left;
	padding-left:0.75em;
}
#searchInput fieldset {
	border-style:none;
	text-align:left;
}
#searchInput fieldset legend {
	color:#005e73;
}
#searchInput fieldset p {
	margin-top:0.5em;
}
#searchInput label {
	margin-right:1em;
	text-align:left;
}
#searchInput label,
#searchInput input {
	float:left;
	border-style:none;
	margin-left:0;
	}
#searchInput div {
	padding:0.25em 0;
	float:left;
}
#searchInput div label {
	width:auto;
	font-size:0.9em;
	margin-right:1em;
}
#searchInput ul {
	float:left;
	padding:0.3em 0 0 1%;
}
#searchInput ul li {
	float:left;
	display:block;
}
#searchInput .search-input{
	padding:0;
	margin:0.1em 0.5em 0 0;
}
#searchInput .searchBox {
	margin:0.5em 5px 0 0;
	width:60%;
	display:inline-block;
	float:left;
	padding-left:0.75em;
}
#searchInput .searchBox input {
	display:block;
	width:100%;
	border:0.15em #008b98 solid; 
	height:1.5em;
	padding:0;
}
#searchInput .search-button {
	float:left;
	padding:0 0.5em 0 0;
	margin-top:0.5em;
	background:#005E73 url('../images/button-bottom-right.gif') no-repeat right bottom;
	border-left:5px solid white;
}
#searchInput .search-button input {
	background:#005E73 url('../images/button-top-left.gif') no-repeat left top;
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	height:1.8em;
	padding:0 0 0 0.5em;
	
}
#link-search {
	clear: both;
	margin: 0;
}
#link-search ul, #link-search li {
	float: left;
}
#link-search li {
	margin: 3em 0 0 1em;
}
.phone {
	font-size: 1.15em;
	color: #005e73;
	font-weight: bold;
}
#link-search p {
	float: right;
	margin: 0 1em 0 0;
}

/* main nav
--------------------------------------*/

#main-nav {
	float: left;
	margin: 1em 0 0 0;
	background: #fff;
	width: 100%;
}
#main-nav li {
	float: left;
	margin: 0 0 0 .2em;
	position:relative;
}
#main-nav li a {
	display: block;
	/*color: Yellow;*/
	padding: .55em 1em;
	font-weight:bold;
}
#main-nav li a,
#main-nav li a:hover {
	background-image:url('../images/corner-test.png');
	background-repeat:no-repeat;
	background-position:left top;
	/*background-color:#007272;*/
	/*color:Yellow;*/
	position:relative;
}
#main-nav li.selected a {
	padding:0.75em 1em 1em 1em;
	position:relative;
	margin-top:-0.4em;
	margin-bottom:-0.4em;
}
#main-nav li a:hover {
	text-decoration:underline;	
}
#main-nav li.rnib {
	margin: 0;
}
/*
#main-nav li.node-0 a,
#main-nav li.node-0 a:hover {
	background-color:#000;
}
#main-nav li.node-1 a,
#main-nav li.node-1 a:hover {
	background-color:#000;
}

#main-nav li.node-3 a,
#main-nav li.node-3 a:hover {
	background-color:#000;
}
#main-nav li.node-4 a,
#main-nav li.node-4 a:hover {
	background-color:#000;
}
#main-nav li.node-5 a,
#main-nav li.node-5 a:hover {
	background-color:#000;
	
}
#main-nav li.node-6 a,
#main-nav li.node-6 a:hover {
	background-color:#000;
}

#main-nav li.node-7 a,
#main-nav li.node-7 a:hover {
	background-color:#000;
}

#main-nav li.node-8 a,
#main-nav li.node-8 a:hover {
	background-color:#000;
}

#main-nav li.node-9 a,
#main-nav li.node-9 a:hover {
	background-color:#000;
}

#main-nav li.node-10 a,
#main-nav li.node-10 a:hover {
	background-color:#000;
}

#main-nav li.node-11 a,
#main-nav li.node-11 a:hover {
	background-color:#000;
}

*/
/* main
----------------------------------------------------*/
/*#main {
	background:#FFFFFF none repeat scroll 0 0;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
}
#main .clear {
	clear:none;
	float:right;
}
#content-col-1 {
	position:relative;
	left:0;
	width:39.9%;
	overflow:hidden;
}
#content-col-3 {
	float:left;
	right:0;
	position:relative;
	top:1em;
	width:40%;
}*/

/* Footer
----------------------------------------------------*/
#footer {
	background:#008194 url('../images/corner-footer.gif') no-repeat left top;
	color:#fff;
	font-size:0.85em;
	font-weight:bold;
	padding:0.5em 0 0.5em 1.9%;
	min-height:30px;
}
#footer p {
	float:left;
	clear:left;
	background-color:#008194;
	margin-right:0.5em;
}
#footer a {
	color:#fff;
	text-decoration:underline;
}
#footer ul.contact-info {
	margin-bottom:0.5em;
	float:left;
	background-color:#008194;
}
#footer ul.contact-info li {
	display:inline;
	padding:0 0.5em 0 0;
}
#footer-right {
	float:right;
	text-align:right;
	padding:0 6px 0 1%;
}




/* Current navigation
----------------------------------------------------*/
#current-navigation {
	width:100%;
	margin-bottom:1em;
	position:relative;
	display:inline-block;
}
#current-nav {
	position:relative;
	width:100%;
	background-color:#007272;
	margin-bottom:2em;
}
#current-nav #nav-heading, #current-nav .nav-heading {
	padding:0.5em 9% 0.5em 6%;
}
#current-nav h2 {
	color:#fff;
	font-size:1em;
	background-color:#2E7B8C;
	position:relative;
	display:block;
	padding:0.2em 0 0.4em 2%;
	border-bottom-style:none;
	margin-bottom:0;
}
#current-nav h2 a {
	color:#fff;
}
#current-nav h2 a:hover {
	text-decoration:underline;
}
#current-nav ul {
	padding:0 0 2em;
	background: #007272 url('../images/corner-bottom-right.png') no-repeat right bottom;
	list-style-type:none;
}
#current-nav ul li {
	width:100%;
	display:inline-block;
	margin-left:0;
}
#current-nav ul li.selected {
	background: #007272 url('../images/breadcrumb-gt.gif') no-repeat 3% 40%;
	position:relative;
}
#current-nav ul a {
	color: #fff;
	background-color:#007272;
	display: block;
	padding: .2em 2% 0.4em 2%;
	margin-left:9%;
	font-weight:bold;
	position:relative;
	text-decoration:none;
}
#current-nav ul a:hover {
	color: #fff;
	text-decoration:underline;
}
#current-nav ul .selected a {
	background-color:#fff;
	color:#000;
}
#current-nav ul .selected a:hover {
	color:#000;
}
#amount {
	width:20%;
}



/* Sub Nav
--------------------------------------------------*/
#sub-nav, .sub-nav {
	position:relative;
	width:100%;
	background-color:#007272;
	margin-bottom:1em;
}
#sub-nav ul, #sub-nav p, 
#content-wrapper .sub-nav ul, .sub-nav p {
	padding: 1em 9% 2em 0;
	list-style-type:none;
	background: #E8F0F2 url('../images/corner-current-nav.png') no-repeat right bottom;
}
#sub-nav ul li, .sub-nav ul li {
	line-height:1em;
	display:inline-block;
	width:100%;
	margin-left:0;
}
#sub-nav ul li.selected, .sub-nav ul li.selected {
	background: #E8F0F2 url('../images/sub-selected.gif') no-repeat 3% 40%;
}
#sub-nav h2, .sub-nav h2 {
	font-size:1em;
	color:#fff;
	padding:0.5em 9%;
	position:relative;
	display:block;
	border-bottom-style:none;
	margin-bottom:0;
}
#sub-nav h2 a, .sub-nav h2 a {
	color:#fff;
}
#sub-nav a:hover, .sub-nav a:hover {
	text-decoration:underline;	
}
#sub-nav ul a, .sub-nav ul a {
	color: #007272;
	display: block;
	padding: .2em 0 0.4em 0;
	font-weight:bold;
	text-decoration:none;
	margin-left:9%;
}

#sub-nav p, .sub-nav p
{
	color: #007272;
	display: block;
	padding: .2em 0 9% 0;
	font-weight:bold;
	text-decoration:none;	
}

/* home page layout
----------------------------------------------------*/
#home-promo {
	width:85%;
	float:right;
}

#home-promo ul li {
	margin-left:1px;
}

#home-promo div {
	
}
#home-promo .wp-wrapper {
	float:none;
}
#home-promo .wp-wrapper div {
	float:none;
}
#home-promo .globalcallout-aggregation {
	float:none;
	clear:both;
}
#home-promo .globalcallout-aggregation h2 {
	float:none;
	padding-bottom:0.2em;
	margin-bottom:0.5em;
	border-bottom:0.5em #c2e3e6 solid;
}
#home-promo .discussion-aggregation {
	float:none;
}
#home-promo .col-2-callout {
	float:none;
}
#home-promo .col-2-callout .wp-inner {
	padding:1em 0;
}
#home-promo img {
	float:left;
}
#home-promo a:visited {
	color:purple;
}
#home-promo p {
	display:block;
	clear:left;
}
#home-promo h2 {
	float:left;
	padding:0 0 0.5em 0;
	border-bottom-style:none;
	margin-bottom:0;
	}
#home-promo .clear {
	float:none;
}
#home-promo #promo-top-content {
	width:100%;
}
#home-promo #promo-top-content h2 {
	margin-top:1em;
}
#home-promo #promo-top-content p {
	font-size:1.3em;
	color:#007272;
	padding-bottom:0.5em;
}
#home-promo #promo-top-content img {
	width: 48%;
}
#home-promo #promo-top-content a {
	text-decoration:underline;
}
#home-promo #content-col-3 {
	float:right;
	width:30%;
}
#home-left-col #content-col-1 {
	width:15%;
	position:relative;
	overflow:hidden;
}
#content-col-1-corner {
	background:#007272 url("images/corner-8.png") no-repeat right top;
	height:30px;
	position:absolute;
	right:0;
	top:0;
	width:31px;
	z-index:1;
	overflow:hidden;
}
#content-col-1-inner {
	padding-right:30px;
	position:relative;
	z-index:10;
}
#content-col-1-inner br 
{
    clear:none;
}
#home-zone {
	width:66%;
	float:left;
}
#left-top-zone {
	background-color:#007272;
	min-height:30px;
	margin-bottom:8px;
}
#left-top-zone a {
	color:#fff;
}
#left-top-zone h2 {
	border-bottom-style:none;
}

#left-bottom-zone .globalcallout-aggregation {
	position:relative;
}
#home-promo #ctl00_PlaceHolderHomePromo_HomePageDisplayModePanel {
	float:none;
}
#home-promo #ctl00_PlaceHolderHomePromo_HomePageContentDisplayPanel_content__ControlWrapper_RichHtmlField {
	float:left;
}
#home-promo #ctl00_PlaceHolderHomePromo_HomePageContentDisplayPanel {
	float:left;
	width:50%;
}
.last-updated {
	margin-top:1em;
}
.last-updated-home {
	padding-left:24%;
}
.page-content 
{
	clear:left;
}
/* 2 Column Layouts
----------------------------------------------------*/
#main-2-col {
	width:99%;
	float:left;
}
#main-2-col #content {
	width:76%;
	padding-top:0.5em;
}
#main-2-col #content-col-1 {
	width:21%;
}
#col-2 #content {
	width:76%;
}
#col-2 #content-col-1 {
	width:21%;
}
#col-2-content-inner {
	padding-right:3%;	
}
#col-2 #content .back-to-top {
	position:relative;
	right:3%;
}
#col-2 #col-2-top {
	margin:0 0 1em 0;
	width:100%;
	padding:0;
}
#col-2 #col-2-top-inner {
	padding-right:3%;
}
#col-2 #col-2-top a:visited {
	color:purple;
}
#col-2 #col-2-top .page-image {
	text-align:center;
	float:right;
	margin:0.5em 0 0.5em 0.5em;
	width:46%;
	background-color:#fff;
}
#col-2 #col-2-top .page-image p {
	font-size:0.85em;
}
#col-2 .top-links {
	width:48%;
	float:left;
	}
#col-2 .top-links ul {
	padding:0.5em 0 0.5em 15px;
	margin-bottom:2em;
}
#col-2 .top-links ul li {
	color:#0066CC;
	font-weight:bold;
	margin-left:0;
}
#col-2 .top-links ul li a {
	text-decoration:underline;
}
#col-2 #col-2-top h2,
#col-2 #col-2-top h3,
#col-2 #col-2-top p,
#col-2 #col-2-top pre {
	clear:left;
}
#col-3 #col-3-top h2 {
	height:1%;
}
#col-2 #col-2-top ul li {
	margin-left:3%;
}
#col-2 #col-2-top ul {
	margin:0 0 1em 2%;
}
#col-2 #col-2-top ul .wp-wrapper ul {
	margin-left:0;
}
#col-2 #col-2-top .wp-wrapper ul li {
	margin-left:0;
}

/* 3 Column Layouts
----------------------------------------------------*/
#col-3 {
	padding-right:3%;
}
#col-3 #col-3-top {
	margin:0 0 0.5em 0;
	width:100%;
	padding:0;
}
#col-3 #col-3-top a:visited {
	color:purple;
}
#col-3 .top-links hr {
	display:none;
}
#col-3 #col-3-top .page-image {
	text-align:center;
	float:right;
	margin:0.5em 0 0.5em 0.5em;
	width:46%;
	background-color:#fff;
	position:relative;
	z-index:10;
}
#col-3 #col-3-top .page-image p {
	font-size:0.85em;
}
#col-3 .top-links {
	width:48%;
	float:left;
	}
#col-3 .top-links ul {
	padding:0.5em 0 0.5em 15px;
	margin-bottom:2em;
}
#col-3 .top-links ul li {
	color:#0066CC;
	font-weight:bold;
	margin-left:0;
}
#col-3 .top-links ul li a {
	text-decoration:underline;
}
#col-3 #col-3-top h2,
#col-3 #col-3-top h3,
#col-3 #col-3-top p,
#col-3 #col-3-top pre {
	clear:left;
}
#col-3 #col-3-top h2 {
	height:1%;
}
#col-3 #col-3-top ul {
	margin:0 0 1em 5%;
}
#col-3 #col-3-top ul .wp-wrapper ul {
	margin-left:0;
}
#col-3 #col-3-top .wp-wrapper ul li {
	margin-left:0;
}

/*---------------------------table result PERIODICAL heading--------------------*/
.tableHeadingPeriodical thead
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}
/*end table result PERIODICAL heading*/


/*---------------------------table result PERIODICAL heading--------------------*/
.tableHeadingSystem thead
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}



/*###################################END PERIODICAL###############################*/

.marcColor1 {
	COLOR: Green;
	font-weight:bold;
	
}
.marcColor2 {
	COLOR: Blue;
	font-weight:bold;
}
.marcColor3 {
	COLOR: Black;
	font-weight:bold;
}



/*##################################AUTHORITIES############################*/


/*---------------------------table result Authority heading--------------------*/
.tableHeadingAuthority thead
{
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}
/*end table result Authority heading*/





.authConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.authConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.authConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #007272;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}

.authConfirmationThead
{	
	background: #fgjfgj;
}



#divauthConfirmation
{
    padding:1px;
    width:50%;
    margin-left:-25%; 

}





#divAuthMoreOptions
{
    margin: 0;
    padding: 0;
    color: #000000;
    font-family: arial,sans-serif;
  
}

#divAuthMoreOptions li
{
    list-style: none outside none;
    margin: 0 0 1em 5px;
    min-height: 35px;
    padding: 0 0 0 46px;
    position: relative;
    color:Yellow;
}

#divAuthMoreOptions li a span {
    
    height: 60px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 45px;
}

#AUTH_SEE_AND_SEE_ALSO span {
    background: url("../Images/BluEye48_48.png") no-repeat 0 transparent;
}


#AUTHADDTOFILE span {
    background: url("../Images/ExportToFile48.png")  no-repeat 0 transparent;
}

#AUTHREMOVEFROMFILE span {
    background: url("../Images/RemoveFromFile48.png")  no-repeat 0 transparent;
}


#CROSSAUTH_CATALOGUE span {
    background: url("../Images/catalog_48.png")  no-repeat 0 transparent;
}

#CROSSAUTH_STOCK_ITEMS span {
    background: url("../Images/Books.png")  no-repeat 0 transparent;
}

#AUTH_NOTE span {
    background: url("../Images/Notes48_48.png")  no-repeat 0 transparent;
}

.authItemTrMouseOut
{
    background:White;
   
}



.authItemTrMouseOver
{
    background:#97e6df;
}


.authItemTrSelected, .stkItemTrSelected input, .stkItemTrSelected select,.stkItemTrSelected textarea
{
    background:#97e6df;
    font-weight: bold;
}


.authItemTrSelected
{
    background:#97e6df;
   
}

.authItemTrUnSelected, .authItemTrUnSelected input, .authItemTrUnSelected select,.authItemTrUnSelected textarea
{
    background:White;
    font-weight:normal;
    color:Black;
}

.authItemTrUnSelected
{
    background:White;
}



/*SEE AND SEE ALSO*/

.divSeeAndSeeCrossRefClass 
{
    width:100%;
    height:200px;
    max-height:200px;
    overflow-y: scroll; 
  
    overflow-x:hidden;
}



/*###################################END AUTHORITIES###############################*/


/*##################################BORROWER############################*/

/*---------------------------table result borrower heading--------------------*/
.tableHeadingBorrower thead
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}



.borrowerTable table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
}

.borrowerTable thead
{	
	font-size: 13px;
	font-family:Arial;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}



.stkItemSearchHistoryId
{
    width:100%;
}


.borConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.borConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.borConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #a91919;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}


.borReadingListDiv
{
    width:100%;
    max-height:150px;
    overflow: scroll; 
    position:relative;
    overflow-x:hidden;
}

.borReadingCatListDiv
{
    width:100%;
    max-height:300px;
    overflow: scroll; 
    position:relative;
    overflow-x:hidden;
}


#divBorConfirmation
{
    padding:1px;
    width:50%;
    margin-left:-25%; 

}


.borTrMouseOut
{
    background:White;
  
}

.borTrMouseOver
{
    background:#dfabab;
   
}

.borTrSelected
{
    
    background:#dfabab;
 
}

.borTrSelected, .borTrSelected input, .borTrSelected select,.borTrSelected textarea
{
    background:#dfabab;
    font-weight: bold;
}

.borTrUnSelected
{
    background:White;
 
}


.borTrUnSelected, .borTrUnSelected input, .borTrUnSelected select,.borTrUnSelected textarea
{
    background:White;
    font-weight:normal;
    color:Black;
}



.divBorMemoAlert
{
    width:100%;
    height:280px;
    max-height:280px;
    overflow-y: scroll; 
    position:relative;
    overflow-x:hidden;
}


#divBorMoreOptions
{
    margin: 0;
    padding: 0;
    color: #000000;
    font-family: arial,sans-serif;
  
}

#divBorMoreOptions li
{
    list-style: none outside none;
    margin: 0 0 1em 5px;
    min-height: 35px;
    padding: 0 0 0 46px;
    position: relative;
    color: Yellow;
}

#divBorMoreOptions li a span {
    
    height: 60px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 45px;
}


#PICTURE span {
    background: url("../Images/Borrower/BorPicture.png") no-repeat 0 transparent;
}

#BIOMETRIC span {
    background: url("../Images/Borrower/icon_fingerprint.jpg") no-repeat 0 transparent;
}

#REREGISTER span {
    background: url("../Images/Borrower/ReRegister.png") no-repeat 0 transparent;
}

#BORSURVEY span {
    background: url("../Images/Borrower/BorSurvey.png") no-repeat 0 transparent;
}

#FINTRANS span {
    background: url("../Images/Borrower/BorMoney.png")  no-repeat 0 transparent;
}

#BORHISTORY span {
    background: url("../Images/Calendard48.png")  no-repeat 0 transparent;
}

#BORADDTOFILE span {
    background: url("../Images/ExportToFile48.png")  no-repeat 0 transparent;
}

#BORREMOVEFROMFILE span {
    background: url("../Images/RemoveFromFile48.png")  no-repeat 0 transparent;
}

#BORADDRESS span {
    background: url("../Images/AddressBook48.png")  no-repeat 0 transparent;
}
#SENDEMAIL span {
    background: url("../Images/SENDEMAIL.png")  no-repeat 0 transparent;
}


#BORAPPROVAL span {
    background: url("../Images/Accept_48.png")  no-repeat 0 transparent;
}

#BORMEMO span {
    background: url("../Images/NoteMemo48.png")  no-repeat 0 transparent;
}

#CROSSBOR_CIRCULATION span {
    background: url("../Images/Circulation48.png")  no-repeat 0 transparent;
}


#BORBREAKLINK span {
    background: url("../Images/removeSubsidiaryCatOrItem48x48.png")  no-repeat 0 transparent;
}

#BORCREATELINK span {
    background: url("../Images/setSubsidiaryCatOrItem48x48.png")  no-repeat 0 transparent;
}

#BORPREVIEWPARENT span {
    background: url("../Images/masterCatOrItem48x48.png")  no-repeat 0 transparent;
}

#BORSETPARENT span {
    background: url("../Images/setMasterCatOrItem48x48.png")  no-repeat 0 transparent;
}

#BOR_RELATEDITEMS span {
    background: url("../Images/SubsidiaryCatOrItem48x48.png")  no-repeat 0 transparent;
}

#BOR_REMOVEPARENT span {
    background: url("../Images/removeMasterCatOrItem48x48.png")  no-repeat 0 transparent;
}

#BORREJECT span {
    background: url("../Images/rejectBorRegistration.png")  no-repeat 0 transparent;
}

#BORRESETPIN span {
    background: url("../Images/resetBorPin.png")  no-repeat 0 transparent;
}

#BORCOURSES span {
    background: url("../Images/courseFolder_48.png")  no-repeat 0 transparent;
}


.divBorrowerImportList
{
    width:100%;
    height:350px;
    max-height:350px;
    overflow-y: scroll; 
    overflow-x:scroll;
}



/*###################################END BORROWER###############################*/



/*##################################FINANCE############################*/
.tableHeadingFin thead
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

/*###################################END FINANCE###############################*/

/*##################################ORDER############################*/

.hidden{
	display:none;
}

/*Confirmation popUp*/
.orderConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.orderConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.orderConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}
/*End Confirmation popUp*/

/*				                        ORDER HEADER	        				    */

.tableHeadingOrder thead
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

.divOHComponentClass
{
    width:100%;
    height:280px;
    max-height:280px;
    overflow-y: scroll; 
    position:relative;
    overflow-x:hidden;
}


.tableOHComponent table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
    
}

.tableOHComponent thead
{	
	font-family:Arial;
    font-size:8.25pt;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}


.orderTableTrMouseOut
{
    background:Black;
    color:Yellow;
   
}



.orderTableTrMouseOver
{
    background:Yellow;
    color:Black;
 
}


.orderTableTrSelected, .orderTableTrSelected input, .orderTableTrSelected select,.orderTableTrSelected textarea
{
    background:Yellow;
    font-weight: bold;
    color:Black;
}


.orderTableTrSelected
{
    background:Yellow;
    color:Black;
}

.orderTableTrUnSelected, .orderTableTrUnSelected input, .orderTableTrUnSelected select,.orderTableTrUnSelected textarea
{
    background:Black;
    font-weight:normal;
    color:Yellow;
}

.orderTableTrUnSelected
{
    background:Black;
    color:Yellow;
}


/*				                        END ORDER HEADER	        				*/


/*				                        ORDER COMP STK ITEM LINE	        		        */


.divOCStkItemLine
{
    width:100%;
    height:280px;
    max-height:280px;
    overflow-y: scroll; 
    position:relative;
    overflow-x:hidden;
}



#divOrdCompConfirmation
{
    padding:1px;
    width:50%;
    margin-left:-25%; 

}

.ordCompConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.ordCompConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #037b12;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}


.ordCompConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}


/*				                        END ORDER COMP STK ITEM LINE	        			*/

/*				                        ORDER INVOICE                		        */
.divOrderInvoiceComponentResult
{
    width:100%;
    height:280px;
    max-height:280px;
    overflow: scroll; 
    position:relative;
    
}

/*				                        END ORDER INVOICE                		        */


/*###################################ENDORDER###############################*/


/*###################################REPORT###############################*/


.hidden{
	display:none;
}
.astreeview-icon
{
    width:25px;
    height:25px;
}


/*								REPORT TEMPLATES AND DEFINITION						*/


/*report LIST*/
.reportListDiv
{
    width:100%;
    max-height:350px;
    overflow: scroll; 
    position:relative;
    overflow-x:hidden;
}


.reportListDivIE8
{
	font-size: 13px;
    width:100%;
  
    position:relative;
}


.reportListTable table
{
    width:100%;
        font-family:Arial;
    font-size: 15px;
    
}

.reportConfirmationThead
{	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 13px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

.reportListTable thead
{	
	
	font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}



.reportListMouseOut
{
	font-size:13px;
    background:Black;
  
}



.reportListMouseOver
{
	font-size:13px;
     background:Yellow;
    color:Black;
}


.reportListSelected
{
	font-size:13px;
    background:Yellow;
    font-weight: bold;
    color:Black;
  
}


.reportListUnSelected
{
	font-size:13px;
    background:Black;
    font-weight:normal;
   
}


/*report Selected Items*/
.reportSelectedColumnDiv
{
    width:100%;
    
    height:350px;
    max-height:350px;
    overflow-y: scroll; 
    position:relative;
    overflow-x:hidden;
}

.reportSelectedColumnDivIE8
{
    width:100%;
    height:350px;
    max-height:350px;
    overflow-y: scroll; 
    position:relative;
    overflow-x:hidden;
}

.reportSelectedColumnTable table
{
    /*the width has to be lower than the width of "reportSelectedColumnDiv". Otherwise horizonatal scroll bar will appear*/
    width:70%;
        font-family:Arial;
    font-size: 13px;
    
}

.reportSelectedColumnTable thead
{	
	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}


/*report condition*/

.reportConditionDiv
{
    width:100%;
    max-height:200px;
    overflow: scroll; 
    position:relative;
    overflow-x:hidden;
}

.reportConditionDivIE8
{
    width:100%;
   
    position:relative;
}

.reportConditionTable table
{    
    width:100%;
    font-family:Arial;
    font-size: 13px;
    
}

.reportConditionTable thead
{	
	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}


.reportMouseOutCondition
{
    background:White;
  
}



.reportMouseOverCondition
{
    background:#97e6df;

}


.reportSelectedCondition, .reportSelectedCondition input, .reportSelectedCondition select,.reportSelectedCondition textarea
{
    background:#97e6df;
    font-weight: bold;
  
}


.reportSelectedCondition
{
   
    background:#97e6df;
 
}

.reportUnSelectedCondition, .reportUnSelectedCondition input, .reportUnSelectedCondition select,.reportUnSelectedCondition textarea
{
    background:White;
    font-weight:normal;
    color:Black;
}

.reportUnSelectedCondition
{
    background:White;

}

/*report advanced option*/
.reportAdvancedOptionDiv
{
    width:100%;
    max-height:200px;
    overflow: scroll; 
    position:relative;
    overflow-x:hidden;
}

.reportAdvancedOptionDivIE8
{
    width:100%;
    position:relative;
}

.reportAdvancedOptionTable table
{
    /*the width has to be lower than the width of "reportSelectedColumnDiv". Otherwise horizontal scroll bar will appear*/
    width:100%;
    font-family:Arial;
    font-size: 13px;
    
}

.reportAdvancedOptionTable thead
{	
	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: black;
}



/*Report Sort Order*/
.reportSortOrderDiv
{
    width:18%;
    float:left;
 
}

.reportSortOrderTable table
{
    font-family:Arial;
    font-size: 13px;
    
}


.reportSortOrderTable thead
{	
	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}



/*report types*/
.reportTypesDiv
{
    width:18%;
    float:left;
 
}

.reportTypesTable table
{
    font-family:Arial;
    font-size: 13px;
    
}


.reportTypesTable thead
{	

	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}


/*report stored procedures*/
.storedProceduresDiv
{
    width:18%;
    float:left;
   
}

.storedProcedureTable table
{
    font-family:Arial;
    font-size: 13px;
    
}


.storedProcedureTable thead
{	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

/*report templates QRP files*/
.reportTemplateDiv
{
    width:18%;
    float:left;
 
}

.reportTemplateTable table
{
    font-family:Arial;
    font-size: 13px;
    
}


.reportTemplateTable thead
{	

	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}



/*email options*/
.emailOptionsDiv
{
    width:18%;
    float:left;
   
}

.emailOptionsTable table
{
    font-family:Arial;
    font-size: 13px;
    
}


.emailOptionsTable thead
{	
	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

/*report edition*/
.reportAvailableColumnTableClass table
{
  
    
}

.reportAvailableColumnTableClass thead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #3f009e;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}

.reportSelectedColumnEditionTableClass table
{
  
    
}

.reportSelectedColumnEditionTableClass thead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #3f009e;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}


.reportMouseOutAvailableColumn
{
    background:White;

}

.reportMouseOverAvailableColumn
{
    background:#97e6df;
   
}

.reportSelectedAvailableColumn
{
   
    background:#97e6df;
 
}

.reportUnSelectedAvailableColumn
{
    background:White;
  
}


.reportMouseOutSelectedColumnsEdition
{
    background:White;
 
}

.reportMouseOverSelectedColumnsEdition
{
    background:#97e6df;

}

.reportSelectedColumnsEdition
{
    background:#97e6df;

}

.reportUnSelectedColumnsEdition
{
    background:White;
 
}


/*fonts for report module components*/
#reportWrapper table {
	font:8.25pt "Arial";
}
#reportWrapper input, #reportWrapper select, #reportWrapper textarea {
	font: 8.25pt "Arial";
	padding-left: 2px;
	border: 1px solid #7F9DB9;
}


/*Confirmation popUp*/
.reportConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.reportConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.reportConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

/*report preview inputs*/

.contentRightInputFont
{
	font-size:13pt;
	border-width:0px;
	border:0px;
	font-family:Arial;
	font-weight:bold;
	
}

#tableSeparator td, #tableSeparator tr, #tableSeparator div
{
    background-color: #FFFFFF;
}


#contentRight table, #contentRight td, #contentRight div table,#contentRight div table tr,#contentRight div table tr td
{
	background-color: #FFFFFF;
}

#contentRight
{
	float:left;
	width: 100%;
	color:#2E2985;
	font-size:medium;
	background-color: #FFFFFF;
}

/*								END REPORT TEMPLATES AND DEFINITION					*/

/*								REPORT BATCH PROCESS								*/

/*report batch list*/
.reportBatchListDiv
{
    width:100%;
    max-height:200px;
    overflow: scroll; 
    position:relative;
    overflow-x:hidden;
}

.reportBatchListDivIE8
{
    width:100%;
    position:relative;
}

.reportBatchListTable table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
    
}

.reportBatchListTable thead
{	
	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #3f009e;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}

.reportMouseOverBatch
{
    background:#97e6df;
   
}

.reportMouseOutBatch
{
    background:White;
   
}

.reportUnSelectedBatch, .reportUnSelectedBatch input, .reportUnSelectedBatch select,.reportUnSelectedBatch textarea
{
    background:White;
    font-weight:normal;
    color:Black;
}

.reportSelectedBatch, .reportSelectedBatch input, .reportSelectedBatch select,.reportSelectedBatch textarea
{
    background:#97e6df;
    font-weight: bold;

}

/*available reports*/
.availableReportTable table
{    
    width:100%;
    font-family:Arial;
    font-size: 13px;
    
}

.availableReportTable thead
{	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #3f009e;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}

.reportUnSelectAvailableReport, .reportUnSelectAvailableReport input, .reportUnSelectAvailableReport select,.reportUnSelectAvailableReport textarea
{
	font-size:13px;
    background:White;
    font-weight:normal;
    color:Black;
}

.reportSelectAvailableReport, .reportSelectAvailableReport input, .reportSelectAvailableReport select, .reportSelectAvailableReport textarea
{
	font-size:13px;
    background:#97e6df;

}

.availableReportMouseOver
{
	font-size:13px;
    background:#97e6df;

}

.availableReportMouseOut
{
	font-size:13px;
    background:White;
   
}


/*selected reports*/
.selectedReportTable table
{    
    width:100%;
    font-family:Arial;
    font-size: 13px;
    
}

.selectedReportTable thead
{	
	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #3f009e;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}

.unHighlightSelectedReport, .unHighlightSelectedReport input, .unHighlightSelectedReport select,.unHighlightSelectedReport textarea
{
    background:White;
    font-weight:normal;
    color:Black;
}

.highlightSelectedReport, .highlightSelectedReport input, .highlightSelectedReport select, .highlightSelectedReport textarea
{
    background:#97e6df;
   
}

.selectedReportMouseOver
{
    background:#97e6df;
  
}

.selectedReportMouseOut
{
    background:White;
  
}


/*								END REPORT BATCH PROCESS								*/

/*								SCHEDULER REPORT								*/



/*report batch list*/
.reportSchedulerListDiv
{
    width:100%;
    height:330px;
    max-height:330px;
    overflow: scroll; 
    position:relative;
    overflow-x:hidden;
}


.reportSchedulerListLogDiv
{
    width:100%;
    height:220px;
    max-height:220px;
    overflow: scroll; 
    position:relative;
    overflow-x:hidden;
}


.reportSchedulerListTable table
{    
    width:100%;
    font-family:Arial;
    font-size: 13px;
    
}

.reportSchedulerListTable thead
{	
	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

.reportMouseOverScheduler
{
	font-size:13px;
    background:Yellow;
    color:Black;
  
}

.reportMouseOutScheduler
{
	font-size:13px;
    background:Black;
    color:Yellow;
  
}

.reportUnSelectedScheduler, .reportUnSelectedScheduler input, .reportUnSelectedScheduler select,.reportUnSelectedScheduler textarea
{
	font-size:13px;
    background:Black;
    font-weight:normal;
    color:Yellow;
}

.reportSelectedScheduler, .reportSelectedScheduler input, .reportSelectedScheduler select,.reportSelectedScheduler textarea
{
	font-size:13px;
    background:Yellow;
    font-weight: bold;
    color:Black;

}

/*available reports*/
.reportSchedulerAvailablereportTable table
{    
    width:100%;
    font-family:Arial;
    font-size: 13px;
    
}


.reportSchedulerAvailablereportTable thead
{	
	
	    font-family:Arial;
    font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

.reportSchedulerUnSelectAvailableReport, .reportSchedulerUnSelectAvailableReport input, .reportSchedulerUnSelectAvailableReport select,.reportSchedulerUnSelectAvailableReport textarea
{
	font-size: 13px;
    background:Black;
    font-weight:normal;
    color:Yellow;
}

.reportSchedulerSelectAvailableReport, .reportSchedulerSelectAvailableReport input, .reportSchedulerSelectAvailableReport select, .reportSchedulerSelectAvailableReport textarea
{
	font-size: 13px;
    background:Yellow;
    font-weight: bold;
    color:Black;

}

.reportSchedulerAvailableReportMouseOver
{
	font-size: 13px;
    background:Yellow;
    color:Black;
   
}

.reportSchedulerAvailablereportMouseOut
{
	font-size: 13px;
    background:Black;
    color:Yellow;
   
}


/*selected reports*/
.reportSchedulerSelectedReportTable table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
    
}

.reportSchedulerSelectedReportTable thead
{	

	    font-family:Arial;
    font-size:13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

 
.reportSchedulerUnHighlightSelectedReport, .reportSchedulerUnHighlightSelectedReport input, .reportSchedulerUnHighlightSelectedReport select,.reportSchedulerUnHighlightSelectedReport textarea
{
    background:White;
    font-weight:normal;
    color:Black;
}
 
.reportSchedulerHighlightSelectedReport, .reportSchedulerHighlightSelectedReport input, .reportSchedulerHighlightSelectedReport select, .reportSchedulerHighlightSelectedReport textarea
{
    background:Yellow;
    font-weight: bold;
    color:Black;
  
}
 
.reportSchedulerSelectedReportMouseOver
{
    background:Yellow;
    color:Black;
}

.reportSchedulerSelectedReportMouseOut
{
    background:Black;
    color:Yellow;
  
}



.reportSchedulerMonthSelections
{	
    width:100%;
    font-family:Arial;
    font-size:13px;
}


.reportSchedulerMonthSelections thead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}




.schedulerReportConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.schedulerReportConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.schedulerReportConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}



#divSchedulerReportConfirmation
{
    padding:1px;
    width:50%;
    margin-left:-25%; 
}


/*								END SCHEDULER REPORT            					*/

/*                              REPORT TOOL BAR DESTINATIONS                        */
/* use this selector to apply style to the box containing all the toolbar buttons */
.toolbar
{
	padding: 15px;
	width:100%;
	/*background-color: #DEE4EF;
	border: solid 1px #999999;
	float: left;*/
}
/* use this selector to apply style to all buttons regardless of their state */
.toolbar .button
{
    /*display:inline-block;*/
    float:left;
    padding:5%;
    
}
.toolbar .button a
{		
	/*background-color: #EFF2F8;*/
	text-decoration: none;
	padding: 27px 20px 25px 20px;
	margin-right: 4px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	/*border: solid 1px #999999;*/
	cursor: hand;
	float: left;
}
/* use this selector to apply style to enabled buttons only */
.toolbar .button_enabled a
{
	color: #1B3A7A;
}
/* use this selector to apply mouseover style to enabled buttons only */
.toolbar .button_enabled a:hover
{
	background-color: #CAE4FF;
	border: solid 1px #75BAFF;
}
/* use this selector to apply style to enabled buttons only */
.toolbar .button_disabled a
{
	color: #B0B0B0;
}
/* use this selector to apply mouseover style to disabled buttons only */
.toolbar .button_disabled a:hover
{
}

/*                              END REPORT TOOL BAR DESTINATIONS                        */

/*##################################END REPORT ############################*/

/*###################################STOCK ITEM###############################*/

/*---------------------------table result stock item heading--------------------*/
.tableHeadingStkItem thead
{
	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: black;
}

/*end table  result stock item*/



/*history search*/
.stkItemSearchHistoryId
{
    width:100%;
}


.stkConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.stkConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.stkConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: black;
}



#divStkConfirmation
{
    padding:1px;
    width:50%;
    margin-left:-25%; 

}

.divStkItemBorMemoAlert
{
    width:100%;
    height:280px;
    max-height:280px;
    overflow-y: scroll; 
    position:relative;
    overflow-x:hidden;
}


.stkItemTableStyle table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
    
}

.stkItemTableStyle thead
{	
	
	    font-family:Arial;
    font-size:8.25pt;
	font-weight: bold;
	padding: 8px;
	background: yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: black;
}

.StkItemFileWhereConditionDiv
{
    width:100%;
    height:380px;
    max-height:280px;
    overflow-y: scroll; 
    position:relative;
    overflow-x:hidden;
}

/*--selected and unselected rows style stkitem*/
.stkItemTrMouseOut
{
    background:White;
  
}



.stkItemTrMouseOver
{
    background:yellow;
    color:Black;
}


.stkItemTrSelected, .stkItemTrSelected input, .stkItemTrSelected select,.stkItemTrSelected textarea
{
    background:yellow;
    font-weight: bold;
    color:Black;
}

.stkItemTrSelected
{
    background:yellow;
    color:Black;
}

.stkItemTrUnSelected, .stkItemTrUnSelected input, .stkItemTrUnSelected select,.stkItemTrUnSelected textarea
{
    background:Black;
    font-weight:normal;
    color:Yellow;
}

.stkItemTrUnSelected
{
    background:Yellow;
    color:Black;
}



#divStkMoreOptions
{
    margin: 0;
    padding: 0;
    color: #000000;
    font-family: arial,sans-serif;

}

#divStkMoreOptions li
{
    list-style: none outside none;
    margin: 0 0 1em 5px;
    min-height: 35px;
    padding: 0 0 0 46px;
    position: relative;
    color: Yellow;
}

#divStkMoreOptions li a span {
    
    height: 60px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 45px;
}



.stkGeneralTable table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
    
}

.stkGeneralTable thead
{	
	
	font-family:Arial;
    font-size:8.25pt;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}


#STKHISTORY span {
    background: url("../Images/Calendard48.png")  no-repeat 0 transparent;
}

#STKMEMO span {
    background: url("../Images/NoteMemo48.png")  no-repeat 0 transparent;
}

#STKADDTOFILE span {
    background: url("../Images/ExportToFile48.png")  no-repeat 0 transparent;
}

#STKREMOVEFROMFILE span {
    background: url("../Images/RemoveFromFile48.png")  no-repeat 0 transparent;
}


#CROSSSTK_CATALOGUE span {
    background: url("../Images/catalog_48.png")  no-repeat 0 transparent;
}

#CROSSSTK_AUTHORITY span {
    background: url("../Images/red-puzzle-icone-6240-48.png")  no-repeat 0 transparent;
}

#CROSSSTK_ORDER span {
    background: url("../Images/Cart_Green_48.png")  no-repeat 0 transparent;
}

#STKREFRESHFROMCATCONFIRM span {
    background: url("../Images/line_refresh_48_48.png")  no-repeat 0 transparent;
}


#STKREFRESHFROMCAT span {
    background: url("../Images/winRefresh_48_48.png")  no-repeat 0 transparent;
}

#STKMOBREAKLINK span {
    background: url("../Images/removeSubsidiaryCatOrItem48x48.png")  no-repeat 0 transparent;
}

#STKMOCREATELINK span {
    background: url("../Images/setSubsidiaryCatOrItem48x48.png")  no-repeat 0 transparent;
}

#STKMOPREVIEWMASTER span {
    background: url("../Images/masterCatOrItem48x48.png")  no-repeat 0 transparent;
}

#STKMOSETMASTER span {
    background: url("../Images/setMasterCatOrItem48x48.png")  no-repeat 0 transparent;
}

#STKMO_RELATEDITEMS span {
    background: url("../Images/SubsidiaryCatOrItem48x48.png")  no-repeat 0 transparent;
}

#STKMO_REMOVEMASTER span {
    background: url("../Images/removeMasterCatOrItem48x48.png")  no-repeat 0 transparent;
}


#STKFILEMASSITEMCHANGE span {
    background: url("../Images/massItemChange48x48.png")  no-repeat 0 transparent;
}

#STKFILEMASSITEMDELETE span {
    background: url("../Images/massItemDeletion48x48.png")  no-repeat 0 transparent;
}

#STKFILEMASSITEMAUTOLINK span {
    background: url("../Images/massItemAutolink48x48.png")  no-repeat 0 transparent;
}

#STKFILEMASSITEMMEMO span {
    background: url("../Images/massmemo48x48.png")  no-repeat 0 transparent;
}

#STKFILEMASSITEMMEMODELETE span {
    background: url("../Images/massmemo_delete48x48.png")  no-repeat 0 transparent;
}

#STKFILEMASSITEMDUEDATECHANGE span {
    background: url("../Images/massChangeDueDate48x48.png")  no-repeat 0 transparent;
}

#STK_ISSUE_ITEM span {
    background: url("../Images/arrow_right.png")  no-repeat 0 transparent;
}

#STK_RETURN_ITEM span {
    background: url("../Images/arrow_left.png")  no-repeat 0 transparent;
}

#EVENT_REG span {
       background: url("../Images/EventReg.png")  no-repeat 0 transparent;
}

#EVENT_ATTEND span {
       background: url("../Images/EventAttend.png")  no-repeat 0 transparent;
}


#STKREFRESHFROMCATALOGUE span {
    background: url("../Images/folder-links-icon_48_48.png")  no-repeat 0 transparent;
}

#STKREBUILDKEY span {
    background: url("../Images/ScrewSpannerDriver_Tools_48_48.png")  no-repeat 0 transparent;
}

#STKREBUILDKEYNONCATALOGUE span {
    background: url("../Images/ScrewDriver_Tools_48_48.png")  no-repeat 0 transparent;
}

#STK_RESERVE_ALLOCATION span {
    background: url("../Images/ReallocateStkItemReservation.png")  no-repeat 0 transparent;
}


.divStockTakeListClass
{
    width:100%;
    height:210px;
    max-height:380px;
    overflow-y: scroll; 
    position:relative;
    overflow-x:hidden;
}



.stkStockTakeList table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
    
}

.stkStockTakeList thead
{	
	
	font-family:Arial;
    font-size:8.25pt;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}


#divStkAutolinkOptions
{
    margin: 0;
    padding: 0;
    color: #000000;
    font-family: arial,sans-serif;

}

#divStkAutolinkOptions li
{
    list-style: none outside none;
    margin: 0 0 1em 5px;
    min-height: 35px;
    padding: 0 0 0 46px;
    position: relative;
    color: Yellow;
}

#divStkAutolinkOptions li a span {
    
    height: 60px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 45px;
}


#STKREBUILDKEY span {
   /* background: url("../Images/massmemo_delete48x48.png")  no-repeat 0 transparent;*/
}

#STKREBUILDKEYNONCATALOGUE span {
}

#STKREFRESHFROMCATALOGUE span {
}

#STKHISTORYREMOVAL span {
}

/*##################################END STOCK ITEM ############################*/




/*##################################REPORT DOWNLOAD ############################*/

/*###################################MASTER MESSAGE###############################*/

/*master message*/
.masterMessageMainMessageTd
{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.masterMessageBottomButton
{
    font-size: 18px;
    font-weight: bold;
}

.masterMessagethead
{	
    font-size: 13px;
	font-weight: bold;
	color:black;
	padding: 8px;
	/*background: #008194;*/
	background: Yellow;;
	border-top: 1px;
	border-bottom: 1px;
}

.masterMessagetheadBorrowerBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadAuthorityBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadCatalogueBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadStockItemBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadCirculationBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadReportBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadPeriodicalBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadSystemBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadOrderBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadFinanceBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadIllServiceBackground
{
    background: Yellow;
    color:black;
}

.masterMessagetheadRotaBackground
{
    background: Yellow;
    color:black;
}


#closeMasterMessageButton
{
    border:1px;
    border-style:solid;
    width:45px;
}


#divMasterMessage
{
    padding:1px;
    width:50%;
    margin-left:-25%; 
}

/*end master message*/
/*###################################END MASTER MESSAGE###############################*/

body 
{
background-color:Black;
color:White;

}



#wpDownloadReport_tableHeadingPreview
{
	text-align:center;
	width:100%
}


#wpDownloadReport_trMainHeading
{
	text-decoration:bold;
	font-family:Tahoma;
	font-size:16pt;
	color:Blue;
	text-align:center;

}

#wpDownloadReport_tdMainHeading
{
	text-decoration:bold;
	font-family:Tahoma;
	font-size:16pt;
	color:Blue;
	text-align:center;

	padding-bottom:15px;
}



#wpDownloadReport_trSubHeadingDate
{
	text-decoration:bold;
	font-family:Tahoma;
	font-size:10pt;
	color:Blue;
	text-align:center;

}


#wpDownloadReport_tdSubHeadingDate
{
	text-decoration:bold;
	font-family:Tahoma;
	font-size:10pt;
	color:Blue;
	text-align:center;

	padding-bottom:10px;
}




#wpDownloadReport_trSubHeadingFilterBy
{
	text-decoration:bold;
	font-family:Tahoma;
	font-size:10pt;
	color:Blue;
	text-align:center;
	width:100%;	
}

#wpDownloadReport_tdSubHeadingFilterBy
{
	text-decoration:bold;
	font-family:Tahoma;
	font-size:10pt;
	color:Blue;
	text-align:center;

}






#wpDownloadReport_paramDiv
{
	text-align:center;
	width:100%
}

#wpDownloadReport_tableParamPreview
{
	text-align:center;
	
}


#wpDownloadReport_trParam
{
	text-decoration:bold;
	font-family:Tahoma;
	font-size:10pt;
	color:Blue;
	text-align:center;
}

#wpDownloadReport_tdParamLabel
{
	text-decoration:bold;
	font-family:Tahoma;
	font-size:10pt;
	color:Blue;
	text-align:left;
}


#wpDownloadReport_tdParamOperator
{
	text-decoration:bold;
	font-family:Tahoma;
	font-size:10pt;
	color:Blue;
	text-align:center;
}

#wpDownloadReport_tdParamValue
{
	text-decoration:bold;
	font-family:Tahoma;
	font-size:10pt;
	color:Blue;
	text-align:left;
}


#wpDownloadReport_tableColumnsDetailsPreview
{
	text-align:center;
	width:100%;
}


#wpDownloadReport_trColumnsDetailsPreview
{
	
}

#wpDownloadReport_tdColumnsDetailsPreview
{
	padding-bottom:10px;
}



#wpDownloadReport_trDetailsPreview
{

}

#wpDownloadReport_tdDetailsPreview
{

}
/*###################################END REPORT DOWNLOAD###############################*/

/*###################################SUPPLIER CONFIRMATION ###############################*/

.tableHeadingSupplier thead
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #5E2154;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}



.SupplierTable table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
}

.SupplierTable thead
{	
	font-size: 13px;
	    font-family:Arial;
   
	font-weight: bold;
	padding: 8px;
	background: #a91919;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}






.SupplierConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.SupplierConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.SupplierConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #a91919;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}





#divSupplierConfirmation
{
    padding:1px;
    width:50%;
    margin-left:-25%; 

}


.SupplierTrMouseOut
{
    background:White;
 
}

.SupplierTrMouseOver
{
    background:#dfabab;

}

.SupplierTrSelected
{
    
    background:#dfabab;
    
}

.SupplierTrSelected, .SupplierTrSelected input, .SupplierTrSelected select,.SupplierTrSelected textarea
{
    background:#dfabab;
    font-weight: bold;
}

.SupplierTrUnSelected
{
    background:White;
  
}


.SupplierTrUnSelected, .SupplierTrUnSelected input, .SupplierTrUnSelected select,.SupplierTrUnSelected textarea
{
    background:White;
    font-weight:normal;
    color:Black;
}



/*###################################END SUPPLIER CONFORMATION###############################*/


/*###################################PERIODICAL CONFIRMATION ###############################*/


.tableHeadingPeriodical1 thead
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #5e2154;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}



.PeriodicalTable table
{    
    width:100%;
    font-family:Arial;
    font-size:8.25pt;
}

.PeriodicalTable thead
{	
	font-size: 13px;
	    font-family:Arial;
  
	font-weight: bold;
	padding: 8px;
	background: #a91919;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}






.PeriodicalConfirmationTd
{
    font-size: 15px;
    font-weight: bold;
}

.PeriodicalConfirmationBottomButton
{
    font-size: 13px;
    font-weight: bold;
}

.PeriodicalConfirmationThead
{	
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #a91919;
	border-top: 1px;
	border-bottom: 1px;
	color: white;
}





#divPeriodicalConfirmation
{
    padding:1px;
    width:50%;
    margin-left:-25%; 

}


.PeriodicalTrMouseOut
{
    background:White;
  
}

.PeriodicalTrMouseOver
{
    background:#dfabab;
   
}

.PeriodicalTrSelected
{
  
    background:#dfabab;
   
}

.PeriodicalTrSelected, .PeriodicalTrSelected input, .PeriodicalTrSelected select,.PeriodicalTrSelected textarea
{
    background:#dfabab;
    font-weight: bold;
}

.PeriodicalTrUnSelected
{
    background:White;
   
}


.PeriodicalTrUnSelected, .PeriodicalTrUnSelected input, .PeriodicalTrUnSelected select,.PeriodicalTrUnSelected textarea
{
    background:White;
    font-weight:normal;
    color:Black;
}

#abc {
 background: url("/Copy of libConsole - not translated/images/corner-bottom1-right.png") no-repeat scroll right bottom black;
    list-style-type: none;
    padding: 0 0 2em;
    color:white;


}



/*################################### END PERIODICAL CONFIRMATION ###############################*/

#ctl00_ulAuthorities,
#ctl00_ulBorrowers,
#ctl00_ulCatalogue,	
#ctl00_ulCirculation,
#ctl00_ulPeriodicals,
#ctl00_ulReports,
#ctl00_ulStockItems,
#ctl00_ulSystem,
#ctl00_ulOrder,
#ctl00_ulFinance,
#ctl00_ulSurvey
{
	background-color:Black;
	color:Yellow;
}


.abc {
	color:white;
}


/*#ctl00_hlAuthority, 
#ctl00_hlfrmAuthorityFileList,
#ctl00_hlMarcImport,
#ctl00_hlLogFile,
#ctl00_hlBorrower,
#ctl00_hlFileSet,
#ctl00_hlBorReadingList,
#ctl00_hlFrmBorrowerFileWhere,
#ctl00_hlFrmBorrowerImport,
#ctl00_hlFrmBorUplFile,
#ctl00_hlCatalogue,
#ctl00_hlCatalogueCreate,
#ctl00_hlDisplayCatFile,
#ctl00_hlBook,
#ctl00_hlNews,
#ctl00_hlEvents,
#ctl00_hlElectronicFile,
#ctl00_hlWebSite,
#ctl00_hlDynamicPage,
#ctl00_hlz3950Search,
#ctl00_hlCirculation,
#ctl00_hlFrmCirIssue,
#ctl00_hlCirReservation,
#ctl00_hlBooking,
#ctl00_hlFrmCirReturn,
#ctl00_hlFrmCirChuteReturn,
#ctl00_hlPeriodical,
#ctl00_hlSubscription,
#ctl00_hlIssue,
#ctl00_hlSupplier,
#ctl00_hlStkItem,
#ctl00_hlDisplayStkFile,
#ctl00_hlStkWhereSearch,
#ctl00_hlILLServices,
#ctl00_hlStockTake,
#ctl00_hlOpacEnquiry,
#ctl00_hlOpacItemRequest,
#ctl00_hlApproveRate,
#ctl00_hlOrderHearde,
#ctl00_hlOrderInvoice,
#ctl00_hlQuoteHeader,
#ctl00_HyperLink1,
#ctl00_hlSurveyList,
#ctl00_hlReportDefinition,
#ctl00_hlFrmReportPreview,
#ctl00_hlScheduler,
#ctl00_lSchedule,
#ctl00_hlRptSchedulerLog,
#ctl00_hlRptEmailLog,
#ctl00_lCatCreateTemplates,#ctl00_hlTransaction
{
	color:Yellow;	
}*/

#current-navigation a 
{
    background-color: Yellow;
    color: Black;
    margin: 0;
    padding: 0;
}
    

input,select,checkbox,textarea
{
	background-color:Yellow;
	color:Black;
}

.blackBackground
{
	background-color:Black;
}

.yellowBackground
{
	background-color:Yellow;
}

.orangeBackground
{
	background-color:Yellow;
	color:black;
}

.blackText
{
	color:Yellow;
	font-weight:bold;
}

.blueText
{
	color:Yellow;
	font-style:italic;
}

.surveyUnSelected
{
	background-color:Black;
	color:Yellow;
}

.surveySelected
{
	background-color:Yellow;
	color:Black;
}

.surveyMouseOut
{
	background-color:Black;
	color:Yellow;
}

.surveyMouseOver
{
	background-color:Yellow;
	color:Black;
}

.cirClearRow
{
	background-color:Black;
	color:Yellow;
}
.cirMouseOverMainReservation
{
	background-color:Yellow;
	color:Black;
} 
.cirSelectedMainReservation
{
	background-color:Yellow;
	color:Black;
}

.lightBlueColor{
	background:Black;
}
.lightGrayColor
{
	background:Black;
}
.lightGreenColor
{
	background:Black;
}
ul li{color:Yellow;}

#spamDivMasterMessage
{
	background:Yellow;
	color:Black;
}

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: Black;
    color: Yellow;
    border: 1px solid yellow;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



/*.catConfirmationBottomButton input,  .cirConfirmationBottomButton input
{
    border: 1px solid Black;
    border-radius: 15px 15px 15px 15px;
    text-align: center;
    vertical-align: top;
}
*/

.catConfirmationBottomButton input,  .cirConfirmationBottomButton input
{
    width:100px;
    height:27px;
    border: 0px;
}
.catConfirmationBottomButton input:hover, #closeMasterMessageButton:hover,.cirConfirmationBottomButton input:hover, #closeMasterExpireSession input:hover
{
	opacity:5;
}

#closeMasterExpireSession input
{
    border: 0px;
    /*background-image:url('../images/bContinue247Button_Normal_Color.png');*/
    width:100px;
    height:27px;
    /*background-image:url('../images/Ok247Button_Normal_Color.png');*/
}

#closeMasterMessageButton
{
    border: 0px;
    background-color: yellow;
    color: black;
    width:100px;
    height:27px;
    /*background-image:url('../images/Ok247Button_Normal_Color.png');*/
}

.bOkButtonClass
{
    border: 0px;
    background-image:url('../images/bOk247Button_Normal_Color.png');
    width:100px;
    height:27px;
}

.bContinueButtonClass
{
    border: 0px;
    background-image:url('../images/bContinue247Button_Normal_Color.png');
    width:100px;
    height:27px;
}

.bCancelButtonClass
{
    border: 0px;
    background-image:url('../images/bCancel247Button_Normal_Color.png');
    width:100px;
    height:27px;
}

.bYesButtonClass
{
    border: 0px;
    background-image:url('../images/bYes247Button_Normal_Color.png');
    width:100px;
    height:27px;
}

.bNoButtonClass
{
    border: 0px;
    background-image:url('../images/bNo247Button_Normal_Color.png');
    width:100px;
    height:27px;
}

.bCloseButtonClass
{
    border: 0px;
    background-image:url('../images/bClose247Button_Normal_Color.png');
    width:100px;
    height:27px;
}





/*				                        FINANCIAL 	        				    */

.tableHeadingFinancial thead
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: Yellow;
	border-top: 1px;
	border-bottom: 1px;
	color: Black;
}

/*				                        END FINANCIAL	        				*/
/*##Rota##*/
.selectedRota {
    background-color: yellow;
    color: black;
}
/*  END ROTA */

.selectedRota {
    background-color: white;
    color: black;
}
/*  END ROTA */

.respLogin {
    text-align: right;
    float:right;
}

#userNameCss {
    text-align:left;
}

#pwCss {
    text-align:left;
}

#loginCss {
    text-align:left;
}

#lbUserCss {
    text-align:right;
}

#lbPwCss {
    text-align:right;
}

#lbLocationCss {
    text-align:right;
}
#LocationCss {
    text-align:left;
}

#searchCss {
    text-align:left;
}

#titleCss {
    text-align:left;
}


#langCss {
    text-align:left;
}

#lableCss {
    text-align:right;
}

#displayCss {
    float:right;
    text-align:left;
}

#tlLangCss td {
    text-align:left;
}


#navLangCss {
    text-align:left;
    float:left;
}

#rbAnyItemF {
    text-align:left;
}

#rbEveryItemA {
    text-align:left;
}

.datepick-popup {z-index:3000 !important;}

.ui-menu {z-index: 500;}