@CHARSET "ISO-8859-1";

.center { text-align : center; }

#tblPeriodicals td { padding: 5px; }
#tblPeriodicals td.p_expansion { padding:0px; background: #FFFF99; zz: #2A6605;  }

.p-icon  { width:16px; height:16px; display:inline-block; vertical-align:middle; margin:2px; }

#tblPeriodicals tbody tr:hover .p-icon-divider, 
#tblPeriodicals tbody tr:hover .i-expand .icon-collapsed,
#tblPeriodicals tbody tr:hover .i-expand .icon-expanded { opacity:1; }

.i-year:hover .icon-collapsed, 
.i-year:hover .icon-expanded { opacity:1; }


.p-icon-divider, .i-icon-divider { 
	width:7px; height:16px; 
	display:inline-block; 
	vertical-align:middle; 
	background-image: url("../../images/icon-divider.png"); 
	margin: 0 5px; opacity:0; 
}

#tblPeriodicals tr.odd:hover,
#tblPeriodicals tr.even:hover { background:#FFFFBB; }

#tblPeriodicals tr.odd:hover td[class*='sorting_'],
#tblPeriodicals tr.even:hover td[class*='sorting_'] { background:#FFFFBB; }

.DataTables_sort_icon { float : right; }
.DataTables_sort_wrapper { padding : 5px 0; }
.dataTables_info { width : 100%; }

.divMenu { padding:2px; cursor:pointer; }
.divMenu:hover .p-addIcon { background-image: url("../../images/plusdark24.png"); }
.divMenu:hover .p-addLabl { color: green; }

.i-table { width:100% ; border:1px solid #dedede; background:#FFFFFF; cursor:default;}
#tblPeriodicals .allIssue { color:#333333; border:1px solid #dedede; background:#dedede; font-size : 0.8em;  text-align:center; font-weight:bold; }
#tblPeriodicals .scrollableDiv { max-height:300px; overflow:auto; border:1px solid #dedede;}
#tblPeriodicals .i-table td { padding: 3px; }
#tblPeriodicals .i-table tr td.i-year { padding-left: 5px; }

.i-table td.even {background: #FFFFFF; }
.i-table td.odd  {background: #EEEEEE; }
.i-table td.issueTD { border-top:0 none; border-bottom:0 none;}

.p_expansion { padding :0 ; }
.year_expanded { background:#FFFFA8; }

div .period-name {cursor: default; }
div.i-expand .period-name { cursor : pointer; }
.issueYear { cursor: pointer; }

.icon-collapsed { margin-top : 2px; background-image : url("../../images/icon-right.png"); cursor:pointer; opacity:0.3 } 
.icon-collapsed:hover { background-image : url("../../images/icon-right-hvr.png"); }

.icon-expanded { margin-top : 2px; background-image : url("../../images/icon-down.png"); cursor:pointer; opacity:0.3 } 
.icon-expanded:hover { background-image : url("../../images/icon-down-hvr.png"); }

tr.row_expanded { font-weight: bold; XXXdisplay: none; }
tr.row_expanded td, tr.even.row_expanded td, tr.odd.row_expanded td { background:#FFFF99; }
tr.row_expanded td { border-bottom:0; }
td.p_expansion { border-top:0; }

#tblPeriodicals .i-table td.issueCol2 { text-align: left; padding: 0 0 0 25px; font-size:0.9em;}


.issue_rec .issueTD span:hover { text-decoration:underline; cursor: pointer; } 

.issue_rec .p-issueRec:hover .p-iMenu  { background: #555; color: #efefef;}
.issue_rec:hover .p-issueRec .p-iMenu, .issue_rec:hover .i-icon-divider { opacity:1; }
.p-issueRec .p-iMenu { padding:2px 10px; background: #ccc; opacity:0; border-radius: 9px; cursor:pointer;}


.menu-cont { 
	background:white; 
	border:1px solid #555; padding: 10px;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
	border-radius: 3px;
}


.p-submenu {
	display: none;
	position: absolute;
	top: 0;
	right: -8px;
	float: right;
	z-index: 100;
}




.menu-marker { 
	display:inline-block;
	background-image: url("../../images/menu-marker.png"); 
	height:10px; width:15px; 
}

.i-article-mark { position:absolute; left:63px; top:15px; }
.p-articlesMenu {
	display:none;
	position:absolute; 
	top:0;
	left:-31px;
	width:115px;	
	padding:0;
	z-index:10;
}

.p-locationMenu {
	display:none;
	position:absolute; 
	top:0;
	right:0;
	left:0;
	padding:0;
	z-index:10;
	text-align:left; 
}

.i-unitLoc { padding: 2px 2px 2px 24px; margin: 0 5px; }

.i-unitLocMenu:hover { background: #555; color: #efefef; }
.i-unitLocMenu { margin:5px; padding:3px 10px; Xbackground: #ddd; border-radius: 9px; cursor:pointer;}

.i-message { font-size:12px; color:#333; }
.i-notices { font-size:12px; color:#DF3A01; }


.periodDtl th {
	vertical-align: top;
	text-align: right;
	width:95px;
	padding:5px;
	font-size:0.8em;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background: #dedede;
	
}

#tblPeriodicals .periodDtl td {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left:0px none;
	border-right:0px none;
	padding: 5px 10px;
	
}


.periodDtl {  width:100%; background:#fff; border:1px solid #dedede; }

.XXperiodMnDtl { 
	background: #FFFFFF;
	position: relative;
	border: 1px solid #8F8F16;
	box-shadow: 0px 2px 8px #8F8F16;
	border-radius: 3px; 
}

.periodMnLf { display:inline-block; vertical-align:top; width:400px; padding: 0px 5px 10px 10px;}
.periodMnRt { display:inline-block; vertical-align:top; width:436px; padding: 0px 10px 10px 5px; position: relative; float: right; right: 21px;}

.i-pubdet, .i-table { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7); border-radius: 4px;}
.i-pubdet { padding: 5px; background: white; }