/*{{{ icons */

[class^="icon-"], [class*=" icon-"] {
  font-family: "Pictos";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline-block;
}

.icon-default:before {
  content: "2";
}

.icon-delete:before {
  content: "D";
}

.icon-large:before {
  vertical-align: middle;
  font-size: 1em;
}

.icon-locked:before { 
  content: "(";     
  padding: 0 5px 0 0;
}

.icon-ssg-published:before { 
  content: "A"; 
  padding: 0 5px 0 0;
}

.icon-info:before {
  content: "i";
}

.icon-global::before {
  content: "G"; 
  font-family: "Pictos"; 
  left: -2px; 
  vertical-align: middle;
  font-size: 1em;
  padding: 0 5px 0 0; 
}

.icon-bell::after {
  content: ":"; 
  font-family: "Pictos";  
  vertical-align: middle;
  font-size: 1em;
  padding: 0 0 0 5px;
} 

.icon-none::before {
  content: "L"; 
  font-family: "Pictos"; 
  left: -2px; 
  vertical-align: middle;
  font-size: 1em;
  padding: 0 5px 0 0;
}

label#label_Wadl {
       margin-bottom: 0.6em;
}

#auth-input label {
  clear: both;
}

.icon-default,
.icon-delete,
.icon-info {
  font-size: 20px;
  line-height: 0.7;
  color: #aaa;
  cursor:pointer;
}

.api-title:hover .icon-info,
.icon-info:hover {
  color: #00f;
}

.icon-delete:hover {
  color: #f00;
  text-decoration: none;
}

.icon-default:hover {
  color: #39a857 !important;
  text-decoration: none;
}

/*}}}*/
 
body {
	font-size:  81.25%;
	font-family: sans-serif;
}

.hidden { display: none }

/* Shading */
#nav {
	/* box-shadow:  inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); */
}   

/*  #widget-area .widget h2:hover,  */ #widget-area .widget.edit-widget h2 {
	box-shadow:  inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -10px 30px rgba(0,0,0,0.3);
   -o-box-shadow: inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -10px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -10px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -10px 30px rgba(0,0,0,0.3);
} 
/* End Shading */

/* @group DEFAULT BRANDING {{{
--------------------------------------------- */

/* logo */
#logo a {
  margin: 0 1em 0 0;
	background: url("/National_Library/oe_/https://developers.exlibrisgroup.com/resources/branding/defaultlogo_133x53.png") 50% 50% no-repeat;
}

#nav, #widget-area .widget h2:hover, #widget-area .widget h2:hover, .edit-widget h2 {
	background-color: #D54D40;
}


/* accent color */
.secondary-colour, #subnav .current { color: #09C;}

.btn.primaryAction { background: #09C; }

/* @end }}} */


/* @group DEFAULT FONTS & COLORS {{{
--------------------------------------------- */

/* body font */ 
body {
	color:#666;
	font-family: sans-serif;
}

/* title font */ 
#main h1 {
	font-family: sans-serif;
}

/* footer font color */ 
#footer, #footer h3 {
	color: #FFF;
}

/* @end }}} */


/* @group DEFAULT BACKGROUNDS {{{
--------------------------------------------- */]


/* header color */	
body {
	background: #f7f9fb;	
}

/* page color */	
#page {
	background: #f4f3ef;
}	

/* footer color */
#footer {
	background: url("./template_images/layer7/dark_stripes.png");
}	

/* @end }}} */


/* debug */
/*body { background: #FFF url("https://web-archive.nli.org.il/National_Library/oe_/http://dl.dropbox.com/u/3748266/L7/organizations.png") 50% 31px no-repeat !important;  }
#page { background: none !important; height: 692px; }

#footer { border-top: 1px solid #ff0000; } */
/* End debug */
a {
	text-decoration: none;
	border-bottom: none;
	outline: none !important;
}

a:hover {
	text-decoration: underline;
}
	

#lightbox, #apilightbox, #property-lightbox {
        background: #FAFAFA;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        padding: 0 10px 0px 10px;
        position: relative;
        display: none;
}



a.top-close,
a.top-close:link,
a.top-close:visited {
  position: absolute;
  z-index: 100;
  top: 2px;
  right: 2px;
  font-family: 'Pictos';
  color: #aaa;
  font-size: 1.5em;
  line-height: 1;
  text-decoration: none;
}

a.top-close + * { margin-top: 2.25em; }

a.top-close:hover { color: #666; }
a.top-close:active { color: #222; }
a.top-close:before { content: 'D'; }

#lightbox .buttonHolder, #apilightbox .buttonHolder, #property-lightbox .buttonHolder {
        /*background:  none;
        border-top: 1px solid #c3c7c8;*/
        border-radius: 0px 0px 6px 6px;
        -webkit-border-radius: 0px 0px 6px 6px;
        -moz-border-radius: 0px 0px 6px 6px;
		margin: 0px -10px;
		/*margin-bottom: -14px;*/
		background: #f4f3ef;
		border-top: 1px solid #c3c7c8;
		margin-top: 30px;
		     
} 

#lightbox form ol, #apilightbox form ol, #property-lightbox form ol{
        margin: 0px;  
} 


.container { 
	display: table;
	width: 960px; 
	margin: 0 auto;
}
	
/* @group Layout {{{ */

/* clearfix */
.group:after { 
	content: ""; display: block; height: 0; clear: both; visibility: hidden; 
}
	
/* Clear content blocks */
#header:after,
#navigation:after,
#page:after,
#sidebar:after,
#main:after,
#footer:after,
.container:after { 
	content: "."; display: block; height: 0; clear: both; visibility: hidden; 
	}

#sidebar, #main{ float: left; }
.exlibris-page-blog #sidebar { float: right; }

#sidebar {
	width: 180px;
	margin-right: 0px; 
	}

#main { 
	width: 673px;
	min-height: 500px;
	margin-left: 30px;
}	

#footer {
	width: 100%;

	}

#page, #footer, table.cmstopnav, .lb_overlay {
        min-width: 1000px;
	}

	
/* Debug */	
/*.HeaderContent, .NavigationContent, .SidebarContent, .MainContent, .FooterContent {
	border: 1px solid red; margin: 0px;
	}*/
	
/* @end }}} */


.NavigationContent {
    position: relative;
}


/* @group Navigation Module {{{ */

#nav { 
	/*
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    */
    min-height: 55px;
    font-size: 14px;
    margin: 0 0 0 275px;
    padding: 17px 0 0 0;
	  overflow: hidden;
	  width:100%;
	}

#nav li { 
	float: left; 
	display: block;
	}
	
#nav a, #nav .current { 
    display: block;
    text-decoration: none;
    color: #B5B6B6;
    line-height: 15px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
	}
	
#nav a:hover { 
    background-color: rgba(0, 0, 0, 0.1);
	}

#nav .current { 
    background-color: rgba(0, 0, 0, 0.3);
    color:  #FFF;
	}	
			
#breadcrumb {
		padding-left: 0;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		overflow: hidden;
		position: absolute;
		top: 289px; 
		left: 300px;
	}
	
body.exlibris-homepage #breadcrumb,
body.exlibris-inner-homepage #breadcrumb { display: none; }

#breadcrumb li { 
	float: left; 
	display: block;
	}
#breadcrumb a {
	text-decoration: none;
	color: #000;
	}	
#breadcrumb .breadcrumb_arrow { 
	padding: 0 5px;
	font-family: serif;
	font-size: 140%;
	line-height: 0;
	color: #B1ACAC;
	}
#breadcrumb .currentpage a {
	color: #000;
	font-weight: bold;
	}	
	
#subnav { 
	padding-left:  20px;
	margin-top: 6px;
}
#subnav > li { 
	display: block;
	text-transform: uppercase;
	font-size:  84.6%;
	border-top: 1px solid #cecfcf; 
	border-bottom: 1px solid #FFF;  
        word-wrap: break-word;
}

#subnav > li:first-child { 
	border-top: 0px; 
}

#subnav > li:last-child { 
	border-bottom: 0px; 
}


#subnav > li a { 
	padding: 18px 5px 18px 10px; 
	display: block;
	text-decoration: none;
	color: #7e7e7e;
	font-weight:  bold;
}


#subnav .manage span, #subnav .apis span, #subnav .orgusers span, #subnav .user-management span,
#subnav .apps span, #subnav .analytics span, #subnav .my-account span, #subnav .appearance span,
#subnav .api-plans span, #subnav .accountplans span, #subnav .accountman span,
#subnav .reports span { 
	/* background:  url("./template_images/layer7/sprites.png") no-repeat 0px -225px;  */
	display: block;
	height: 25px;
	width: 35px;
	float: left;
	margin-top: -6px;
	opacity: .4;
}

/* #subnav .manage span { background-position: 0px -225px; }
#subnav .apis span { background-position: 0px -350px;}
#subnav .orgusers span, #subnav .user-management span { background-position: 0px -275px;}
#subnav .apps span { background-position: 0px -250px;}
#subnav .analytics span, #subnav .reports span { background-position: 0px -300px;}
#subnav .my-account span { background-position: -200px -225px;}
#subnav .appearance span { background-position: -200px -250px;}
#subnav .api-plans span { background-position: 0px -375px;}
#subnav .accountplans span { background-position: 0px -400px;}
#subnav .accountman span { background: none; } */

#subnav .current span { 
	opacity: .8;
}

#subnav a:hover { 
	background: rgba(255,255,255,.5);
}

#subnav ul { 
	margin: 0;
	padding: 0 0 14px 0;
	display: none;
}

#subnav .active ul { 
	display: block;
}

#subnav > li li { 
	display: block;
	line-height: 1.3em;
}

#subnav ul a { 
	font-weight: normal;
	text-transform: capitalize;
	padding: 4px 10px 4px 45px;
	background: none;
}

#subnav ul a:hover {
	background: rgba(255,255,255,.5); 
}

#subnav ul a span { 
	display: none;
}

/* @end }}} */

h1 { 
  font-weight: normal;
}

#manageable-dashboard-content h1 {
    max-width: 635px;
    word-wrap: break-word;
}

.col { float:  left; }

.article { border-bottom: 1px solid #d6d5d2; padding: 10px; }
.article:last-child { border-bottom: 0px; }
.article h3 { font-size: inherit; margin: 0; }
.article p { margin: 0; margin-top: .5em; }
.article .date { color: #999; font-style: italic; display: none;}




/* Dashboard Widgets
 * ---------------------------------------------------------------------------- */
 
.widget { width: 220px; background: #FFF; font-size: 12px; float:left; }

.widget h2 { padding: 10px 10px; overflow: hidden; color: #999999; margin: 0px; font-size:12px; line-height: inherit; text-transform: uppercase; display: block; cursor: move; }
#main .widget h2 { color: #999999;  border-bottom: 1px solid #EEE;}

.ui-disabled h2 {cursor: default;}

#widget-area .placeholder { background: rgba(0, 0, 0, 0.05); border: 1px dashed #c9d0d1 !important; visibility: visible !important;
-moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;
margin:0 30px 30px 0; float: left;
 }

.widget h2 .actions { /*display: none;*/ font-size: inherit; line-height: inherit; float: right; text-transform: capitalize; font-weight: normal; }

.widget .actions a { display: none; }
#widget-area h2:hover .settings{ display: block; } 

.widget-list .active-true {}
.widget-list .active-false {background-color:#faedeb;}
.widget-list .status{font-family:"Pictos"; font-size:1.3em; float:right; padding:0 0 7px 0; margin-top:-12px;}
.widget-list .active-true .status{color:green;}
.widget-list .active-false .status{color:red;}


/* Actions */
.widget .actions .settings { 
	background: url("./template_images/layer7/sprites.png") no-repeat 0px -176px;
	overflow: hidden;
	text-indent: -9999px;
	width: 15px;
	height: 15px;
}

#widget-area .widget {position: relative;}

#widget-area .close { 
	background: url("./template_images/layer7/sprites.png") no-repeat -150px 0px;
	overflow: hidden;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	display: block;
	opacity: 0;
	opacity: .0;
	position: absolute;
	left: -10px;
	top: -10px;
	-webkit-transition: .25s ease all;
	-moz-transition: .25s ease all;
	transition: .25s ease all;
	display:none
}

#widget-area.editing .close { 
	opacity: 1;
	display:block;
}


#widget-area h2:hover .settings{ display: block; } 
/* #widget-area .widget h2:hover, */#widget-area .widget.edit-widget h2,  
#widget-area .widget h2:hover a, #widget-area .widget.edit-widget h2 a { color: #FFF; } 


.widget .widget-content { 
	padding: 10px 10px;
	padding-bottom: 20px;
}

.widget .empty { 
	padding: 0px 10px;
	text-align: center;
	color: #AAA;
}

.widget .empty h3 { 
	margin-bottom: 8px;
	margin-top: 0px;
}

/* Pictos test */

#subnav span { display: none !important; }
#subnav  li  a {
	position:relative;
	padding-left: 45px;
}
#subnav li li a {
	padding-left: 48px;
}
#subnav li li li a {
	padding-left: 53px;
}
#subnav  li  a:before, 
#subnav  li  a .before {
  font-family: "Pictos";
  font-size: 250%;
  vertical-align: middle;
  color: #abaeaf;
  text-decoration: none;
  text-shadow: 0 1px 2px #FFF;
  text-transform: none;
  letter-spacing: 0.3em;
  position: absolute;
  top: 12px;
  left: 5px;
  font-weight: normal;
}
#subnav .current:before, #subnav .current .before {
	color: #67B42E;
}

#subnav ul ul {
    padding-bottom: 0px;
}

/* doc and apiresources icons */
/*#subnav .documentation:before, #subnav .documentation { content: "F"; } */
/*#subnav .apiresources:before, #subnav .apiresources { content: "P"; } */

/* Dashboard Pictos Icon Assignments */
#subnav .dashboard:before, #subnav .dashboard { before: ","; content: ","; }
#subnav .requests:before, #subnav .requests { before: ":"; content: ":"; }
#subnav .organizations:before, #subnav .organizations, 
#subnav .organization:before, #subnav .organization { before: "O"; content: "O"; }
#subnav .apis:before, #subnav .apis { before: "C"; content: "C"; }
#subnav .application:before, #subnav .application { before: "e"; content: "e"; }
#subnav .analytics:before, #subnav .analytics,
#subnav .reports:before, #subnav .reports { 	before: "Y"; content: "Y"; }
#subnav .user-management:before, #subnav .user-management { before: "g"; content: "g"; }
#subnav .site-settings:before, #subnav .site-settings { before: "y"; content: "y"; }
#subnav .administration:before, #subnav .administration { before: "x"; content: "x"; }
#subnav .my-profile:before, #subnav .my-profile { before: "U"; content: "U"; }

/* #subnav .messages:before, #subnav .messages { before: "w"; content: "w"; }
#subnav .edit:before, #subnav .edit {  	before: "W"; content: "W"; }

#subnav .max:before, #subnav .max { 		before: "+"; content: "+"; }
#subnav .min:before, #subnav .min { 		before: "-"; content: "-"; }
#subnav .suspend:before, #subnav .suspend { 	before: "Q"; content: "Q"; }
#subnav .delete:before, #subnav .delete { 	before: "#"; content: "#"; }
#subnav .search:before, #subnav .search { 	before: "s"; content: "s"; } */





.empty h3:before, .pictos .before {
    font-family: "Pictos";
    font-size: 500%;
    vertical-align: middle;
    color: #DDD;
    text-decoration: none;
    display: block;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0.5)), to(rgba(0,0,0,1)));
    -webkit-text-stroke: 0.8px #bbb;
    text-shadow: 0 1px 2px #FFF;
    font-weight: normal;
}

.empty.support h3:before, .empty.support h3 { 	before: "h"; content: "h"; }
.empty.blogs h3:before, .empty.blogs h3 { 	before: "\""; content: "\""; }
.empty.messages h3:before, .empty.messages h3 { before: "w"; content: "w"; }
.empty.edit h3:before, .empty.edit h3 {  	before: "W"; content: "W"; }
.empty.reports h3:before, .empty.reports h3 { 	before: "Y"; content: "Y"; }
.empty.settings h3:before, .empty.settings h3 { before: "y"; content: "y"; }
.empty.API h3:before, .empty.api h3 { 		before: "C"; content: "C"; }
.empty.api-plans h3:before, .empty.api-plans h3 { before: "l"; content: "o"; }
.empty.apps h3:before, .empty.apps h3 { 	before: "x"; content: "x"; }
.empty.my-account h3:before, .empty.my-account h3 { before: "U"; content: "U"; }
.empty.orgusers h3:before, .empty.orgusers h3 { before: "g"; content: "g"; }
.empty.appearance h3:before, .empty.appearance h3 { before: "E"; content: "E"; }
.empty.accountplans h3:before, .empty.accountplans h3 { before: "u"; content: "u"; }
.empty.dashboard h3:before, .empty.dashboard h3 { before: ","; content: ","; }
.empty.accountplans h3:before, .empty.accountplans h3 { before: "u"; content: "u"; }
.empty.dashboard h3:before, .empty.dashboard h3 { before: ","; content: ","; }
.empty.max h3:before, .empty.max h3 { 		before: "+"; content: "+"; }
.empty.min h3:before, .empty.min h3 { 		before: "-"; content: "-"; }
.empty.suspend h3:before, .empty.suspend h3 { 	before: "Q"; content: "Q"; }
.empty.delete h3:before, .empty.delete h3 { 	before: "#"; content: "#"; }
.empty.search h3:before, .empty.search h3 { 	before: "s"; content: "s"; }






.widget.ui-draggable-dragging { box-shadow: 2px 2px 5px #000; height: 36px !important;}

/* Widget Select Menu */
#widget-menu { background: #67B42E;
		background: #67B42E url("./template_images/layer7/widget-menu-bg.png"); overflow:hidden; height:0;
			box-shadow:  inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
   -o-box-shadow: inset 0 5px 10px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
   -webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
   -moz-box-shadow: inset 0 5px 10px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
}

#widget-menu .container { 
	opacity: 0;
	
}

#widget-menu .group { padding: 10px 70px; margin: 0 auto;}
#widget-menu .widget { float: left; margin: 4px 10px; 
	width: 190px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 -15px 0px rgba(0,0,0,0.075);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), inset 0 -15px 0px rgba(0,0,0,0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 -15px 0px rgba(0,0,0,0.075);  
}

/* Paging */
#widget-menu .paging { display: none; width: 100%; position: absolute; top: 0; left: 0;}
#widget-menu .paging a { position: absolute; top: 0; display: block; width: 70px; font-size: 30px; line-height: 115px; font-weight: bold; text-align: center; }
#widget-menu .paging span { margin: 40px 23px; background: url("./template_images/layer7/sprites.png") no-repeat -100px 2px; width: 24px; height: 36px; opacity: .4; display: block; overflow:hidden; text-indent: 9999px; }
#widget-menu .paging .prev { left: 0; }
#widget-menu .paging .next { right: 0; }
#widget-menu .paging .next span { background-position: -125px 2px; }

#widget-menu .widget .widget-content, .widget.ui-draggable-dragging .widget-content { display: none; }

/* Widget Area */
/* AT:NOTE: #widget-area must have overflow:auto for the jQuery UI scripts to work correctly, and #widget-area:after must not have a height:0 setting so that a scrollbar won't appear in firefox 
MM:NONE: We may be able to use overflow:hidden to clear the float and remove the clearfix all together.
*/

#widget-area { margin-top: 1em; padding:10px 0 0 10px;}/* overflow:auto; */
  #widget-area:after { content: "."; display: block; clear: both; visibility: hidden; }
  #widget-area .columns { min-height: 300px; width: 230px; float: left; margin-left: 20px;}
  #widget-area .columns:first-child { margin-left: 0px; }
  #widget-area .widget { padding: 1px; border: 1px solid #c9d0d1; margin:0 30px 30px 0; 
  -moz-box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.05);  }
  
  
  #widget-area ul.widget-list {padding:0; margin:0 -10px; list-style-type:none;}
    #widget-area ul.widget-list li {border-bottom:1px solid #d6d5d2; padding:6px 10px 9px 10px; margin:0;}
    #widget-area ul.widget-list li.last {border-bottom:none;}
      #widget-area ul.widget-list li .icon {display:block; float:left; height:26px; width:26px; margin:0 14px 9px 0; clear:left;}
      #widget-area ul.widget-list li .title {font-weight:bold; display:block; word-break: break-all; word-wrap:break-word}
      #widget-area ul.widget-list li .desc {font-size:.9em; color:#aaa; display:block; word-break: break-all; word-wrap:normal}
        
        
  .ui-draggable-dragging, .ui-sortable-helper { 
    z-index: 99999;
  }




/* Forms */
form ol { padding-left: 0px; }
form ol li { display: block; }

.file-wrap {
  float: left;
  width: 64%;
  overflow: hidden;
  margin: 5px 0 0 0;
  padding: 4px 0 4px 4px;
}

.file-wrap-inner input {
  padding: 2px;
  margin: 0 1em 0 0;
}

form .file-field .upload-preview {
  width: 36px;
  height: 36px;
  border: 1px solid #D6D5D2;
  float: left;
  margin: 0 1em 0 0;
  background: url("./template_images/layer7/sprites.png") no-repeat 0px -475px;
}

form .file-field .upload-preview img {
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
}

form #OrganizationCreationInfo {
  padding-right: 20px; 
}
form #OrganizationCreationInfo ol {
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
  height: 420px;
}



/*
 * Tables
 * ---------------------------------------- */

table.mgmt {
  width: 100%;
  padding: 0;
  border-collapse: separate;
  font-size: 13px;
  border: 1px solid #c9d0d1;
  -moz-box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.05);
}

table.mgmt >thead th, table.mgmt td,
table.api-details td {
  text-align: left;
  position: relative;
  vertical-align:top;
  word-wrap: break-word;
  line-height: 1.3em;
}

.api-details select { width: 161px; }
.api-details .edit-api-container { display: none; }
#api-management .api-details .edit-api-container { display: block; }

table.mgmt.type-applist tr.item-summary td { padding: 20px 10px 0 10px; }

table.mgmt tbody tr.item-details td.item-details-cell {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ddd;
  padding: 0 10px 20px 10px;
}

table.mgmt.type-applist tbody tr.item-details td.item-details-cell {
  padding: 0 10px 10px 10px;
}

table.mgmt td.item-col-1 {
  vertical-align: top;
  border-left: none;
}

.col1-container {
  position: relative;
  padding: 0 50px 15px 0;
  line-height: normal;
}
table.mgmt > thead th {
  padding: 20px 10px;
  font-weight: bold;
  border-bottom-width: 2px;
  background-color: #e8eaeb;
}

table.mgmt tbody tr td,
#api-current tbody tr td {
  padding: 10px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

#apps table.mgmt tbody tr td,
#api-current tbody tr td {
  border-top: none;
  border-left: none;
}

#apps table.mgmt tbody tr:nth-child(2n) td.item-details-cell {
  background-color: #FFFFFF;
}

table.mgmt tbody tr:nth-child(2n) td { background-color: #fafafa; }

#apps table.mgmt tbody tr:nth-child(2n) td { background-color: inherit; }
#apps table.mgmt > tbody > tr:nth-child(4n + 1) > td,
#apps table.mgmt > tbody tr:nth-child(4n + 1) + tr.item-details td.item-details-cell {
  background-color: #fafafa;
}

table.mgmt tbody tr.disabled td,
.internal table.mgmt tbody tr.pending td {
  color: #d2d2d2 !important;
}

table.mgmt tbody td.check {
  border-right: 1px solid #ddd;
}

#apps table.mgmt tbody td.check {
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #ddd;
}

#apps table.mgmt. .col-app { width: 290px; }
#apps table.mgmt .api-key { width: 260px;  }

#apps table.mgmt td.row-app { 
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
}

#apps table.mgmt td.row-app strong { font-size: 13px; }

#apps table.mgmt td.row-app td { padding: 10px 0; }

#apps table.mgmt .select { vertical-align: top; }


/* Action Menu */
table.mgmt .action-menu {
  line-height:normal;
	position: absolute;
	top: -4px;
	right: 5px;
	z-index: 100;
  font-size: 12px;
}
.short-blog-post .action-menu {
  right: 0;
  position: absolute;
  width: 110px;
}
.short-blog-post .action-menu li {
  width: 100%; 
}

 .action-menu.active { z-index: 101; }

.action-menu ul {
  display: none;
	padding: 0;
	margin: 0;
	background: rgba(85, 85, 85, .85);
	clear: right;
	z-index: 101;
	-webkit-border-radius: 4px 0px 4px 4px;
  -moz-border-radius: 4px 0px 4px 4px;
  border-radius: 4px 0px 4px 4px;
}

 .action-menu.active ul { display: block; }

.action-menu li { 	display: block; padding: 4px;}

.action-menu span, .action-menu a {
	padding: 5px;
	display: block;	
}	

.action-menu .separator {
  border-top: 1px solid #fff; 
}
.action-menu span {
	background: rgba(85, 85, 85, .2) url("./template_images/layer7/sprites.png") no-repeat 7px -172px;
	overflow: hidden;
	text-indent: -9999px;
	width: 30px;
	float: right;
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

 .action-menu.highlight span {
  background-color: rgba(85, 85, 85, .85)
}

 .action-menu.active span {
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;	
}	

 .action-menu a {
	display:block;
	white-space:nowrap;
	padding:.5em 1em .5em .3em;
}

/* Data Table Item Action menu */

.action-menu a:before,
.action-menu a .before {
    font-family: "Pictos";
    font-size: 12px;
    vertical-align: middle;
    color: #ddd !important;
    display:block;
    float:left;
    margin:0 .8em 0 .3em;
    text-decoration: none;
    font-weight: normal;
}

table.mgmt .action-menu .view a:before { before: "E"; content: "E"; }

table.mgmt .action-menu .unsuspend a:before, 
table.mgmt .action-menu .suspend a:before { before: "Q"; content: "Q"; }

table.mgmt .action-menu .edit a:before { before: "W"; content: "W"; }
table.mgmt .action-menu .delete a:before { before: "#"; content: "#"; }

table.mgmt .action-menu .accept a:before { before: "2"; content: "2"; }
table.mgmt .action-menu .reject a:before { before: "-"; content: "-"; }

table.mgmt .action-menu .assign-manager a:before { before: "U"; content: "U"; }
table.mgmt .action-menu .assign-plan a:before { before: "S"; content: "S"; }

table.mgmt .action-menu .assign-group a:before { before: "&"; content: "&"; }
table.mgmt .action-menu .unassign-group a:before { before: "_"; content: "_"; }

table.mgmt .action-menu .public a:before { before: ")"; content: ")"; }
table.mgmt .action-menu .private a:before { before: "("; content: "("; }

table.mgmt .action-menu .undeprecate a:before { before: "{"; content: "{"; }
table.mgmt .action-menu .deprecate a:before { before: "}"; content: "}"; }

.action-menu a:hover {
	background-color: rgba(255,255,255,.25);
}

 .action-menu,  .action-menu a {
	color: #fff !important;
	text-decoration: none !important;
}

table.mgmt .default-item:before {content:"2"; font-family: "Pictos", sans-serif; padding:0 5px 0 0; font-size:1em; vertical-align: middle;}


/* fixed width tables */
table.mgmt.type-user,
table.mgmt.type-invitation,
table.mgmt.type-organization,
table.mgmt.type-plan,
table.mgmt.type-applist,
table.mgmt.type-applist table.api-details,
table.mgmt.type-api,
table.mgmt.type-apiplanrequest,
table.mgmt.type-apiplanrequest table,
table.mgmt.type-accountplanrequest,
table.mgmt.type-accountplanrequest table,
table.mgmt.type-eula,
table.mgmt.type-account-manager,
table.mgmt.type-app-platforms,
table.mgmt.type-system-content,
table.mgmt.type-custom-field,
table.api-details,
table.mgmt.type-api-owner-groups,
.charts.ranked-tab table.mgmt {
  /* did we need this? Was breaking Exlibris layouts 
  table-layout:fixed; */ 
}
table.mgmt.type-user thead tr th.checkbox-row,
table.mgmt.type-invitation thead tr th.checkbox-row,
table.mgmt.type-organization thead tr th.checkbox-row,
table.mgmt.type-plan thead tr th.checkbox-row,
table.mgmt.type-applist thead tr th.checkbox-row,
table.mgmt.type-api thead tr th.checkbox-row,
table.mgmt.type-apiplanrequest thead tr th.checkbox-row,
table.mgmt.type-accountplanrequest thead tr th.checkbox-row,
table.mgmt.type-eula thead tr th.checkbox-row,
table.mgmt.type-account-manager thead tr th.checkbox-row,
table.mgmt.type-app-platforms thead tr th.checkbox-row,
table.mgmt.type-system-content thead tr th.checkbox-row,
table.mgmt.type-custom-field thead tr th.checkbox-row,
table.mgmt.type-api-owner-groups thead tr th.checkbox-row,
table.mgmt.ownerenabled-true th.checkbox-row,
.charts.ranked-tab table.mgmt thead tr th:first-child  {
  width: 20px;
  max-width: 20px;
  min-width: 20px
}

/* org-developers */
#org-developers table.mgmt.type-user thead tr th.role {
  width: 110px;
}
#org-developers table.mgmt.type-user thead tr th.status {
  width: 90px;
}
/* requests-registations */
table.mgmt.type-user thead tr th.email {
  width: 220px;
} 
table.mgmt.type-user thead tr th.type {
  width: 130px;
}
/* requests-application */
.pending table.mgmt.type-applist thead tr th.application {
  width: 300px;
}
.pending table.mgmt.type-applist thead tr th.organization {
  width: 120px;
}
.pending table.mgmt.type-applist thead tr th.status {
  width: 100px;
}
.pending table.mgmt.type-applist thead tr th.platform {
  width: 120px;
}
/* requests-api-plans */
table.mgmt.type-apiplanrequest thead tr th.current.details {
  width: 200px;
}
table.mgmt.type-apiplanrequest thead tr th.plan.request {
  width: 200px;
}
/* requests-account-plans */
table.mgmt.type-accountplanrequest thead tr th.current.details {
  width: 200px;
}
table.mgmt.type-accountplanrequest thead tr th.plan.request {
  width: 200px;
}
/* orgs */
table.mgmt.type-organization thead tr th.users {
  width: 50px;
}
table.mgmt.type-organization thead tr th.user-management, 
table.mgmt.type-organization thead tr th.apps {
  width: 50px;
}
table.mgmt.type-organization thead tr th.plan {
  width: 80px;
}
table.mgmt.type-organization thead tr th.account {
  width: 100px;
}
table.mgmt.type-organization thead tr th.status {
  width: 70px;
}
/* orgs-devs */
table.mgmt.type-user thead tr th.role {
  width: 80px;
}
table.mgmt.type-user thead tr th.status {
  width: 70px;
}
table.mgmt.type-user thead tr th.organization {
  width: 120px;
}
/* orgs-account-plans */
table.mgmt.type-plan thead tr th.organizations {
  width: 90px;
}
/* orgs-applications */
table.mgmt.type-applist thead tr th.api {
  width: 125px;
}
table.mgmt.type-applist thead tr th.organization {
  width: 90px;
}
table.mgmt.type-applist thead tr th.status {
  width: 70px;
}
table.mgmt.type-applist thead tr th.platform {
  width: 90px;
}
table.mgmt.type-applist table.api-details thead tr th.app-api{
  width: 280px;
}
table.mgmt.type-applist table.api-details thead tr th.app-plan{
  width: 80px;
}
table.mgmt.type-applist table.api-details thead tr th.app-plan-changes{
  width: 120px;
}
/* apis*/
table.mgmt.type-api thead tr th.apps {
  width: 50px;
}
table.mgmt.type-api thead tr th.organizations {
  width: 90px;
}
table.mgmt.type-api thead tr th.status {
  width: 80px;
}

/* apis with groups deltas */
table.mgmt.type-api.ownerenabled-true thead tr th.apiownergroup {
  width: 120px;
}

/* apis plans */
#api-plans table.mgmt.type-plan thead tr th.apps,
#api-plans table.mgmt.type-plan thead tr th.apis {
  width: 70px;
}
#api-plans table.mgmt.type-plan thead tr th.organizations {
  width: 90px;
}

/* apis plans with groups */
#api-plans table.mgmt.type-plan.ownerenabled-true thead tr th.plans {
  width: 150px;
}
#api-plans table.mgmt.type-plan.ownerenabled-true thead tr th.apps,
#api-plans table.mgmt.type-plan.ownerenabled-true thead tr th.apis
{
  width: 50px;
}
#api-plans table.mgmt.type-plan.ownerenabled-true thead tr th.organizations {
  width: 90px;
}
#api-plans table.mgmt.type-plan.ownerenabled-true thead tr th.apiownergroup {
  width: 120px;
} 

/* account managers */
table.mgmt.type-account-manager thead tr th.organizations {
  width: 90px;
}
table.mgmt.type-account-manager thead tr th.user-management {
  width: 70px;
}
table.mgmt.type-account-manager thead tr th.users {
  width: 50px;
}
table.mgmt.type-account-manager thead tr th.status {
  width: 90px;
}
/* app platforms */
table.mgmt.type-app-platforms thead tr th.applications {
  width: 90px;
}
/* email templates */
table.mgmt.type-system-content thead tr th.description {
  width: 340px;
}

/* api details */
table.api-details thead tr th.app-api {
  width: 355px;
}
table.api-details thead tr th.app-plan {
  width: 130px;
}
table.api-details thead tr th.app-plan-changes {
  width: 140px;
}
table.api-details thead tr th.app-api-delete {
  width: 16px;
}

/* custom fields */
table.type-custom-field thead tr th.form {
  width: 90px;
}
table.type-custom-field thead tr th.datatype {
  width: 70px;
}
table.type-custom-field thead tr th.fieldtype {
  width: 95px;
}
table.type-custom-field thead tr th.status   {
  width: 70px;
}

/* api owner groups */
table.mgmt.type-api-owner-groups thead tr th.api.owners,
table.mgmt.type-api-owner-groups thead tr th.apis,
table.mgmt.type-api-owner-groups thead tr th.api.plans {
  width: 80px;
}


/* BM Org table classes */
#bmOrgs .item-col-1 {width:180px;}

.api-summary {
  position: relative;
}

.api-summary .group .api-description,
.api-summary .group .plan-description {
  display: block;
  overflow-y: auto;
  max-height: 170px;
  margin-bottom: 9px;
}
.api-summary .group .api-description p,
.api-summary .group .plan-description p {
  margin:0 0 6px 0;
  word-break: normal;
}

/* App table classes */
#apps .item-col-1 th,
#apps .item-col-1 td {padding:7px;}
#apps .item-col-2 {font-size: 9pt; vertical-align:top; padding-top:21px;}

.show-hide,
.show-hide-group {margin:.5em .5em .8em 0; color: #333 !important;}
.show-hide.active,
.show-hide-group.active {box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -o-box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #999 !important;
  text-decoration: none;}

/* read-only account view */
.account-read-only-view { width: 425px; }

.account-read-only-view h3 {
  text-align: center;
}

.account-read-only-view dl + h3,
.account-read-only-view .description + h3 {
  border-top: 1px solid #ddd;
  margin-top: 1.5em;
  padding-top: 0.75em;
}

.account-read-only-view dl { overflow: hidden; }

.account-read-only-view dl dt {
  float: left;
  clear: left;
  /* text-align: right; */
  margin-top: 8px;
  font-weight: bold;
  line-height: 1.5em;
}

.account-read-only-view dl dt:after { content: ":"; }

.account-read-only-view dl dd {
  float: left;
  margin: 0 0 0 0;
  line-height: 1.5em;
  width: 100%;
  word-wrap: break-word;
  padding: 2px 0;
}

.account-read-only-view .description {
  background-color: #f2f2f2;
  float: none;
  clear: both;
  display: block;
  margin: 0;
  padding: 0.75em;
  word-wrap: break-word;
}

.account-read-only-view dl dd ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.account-read-only-view dl dd ul li {
  display: block;
  font-size: 1em;
}  
  
.account-read-only-view .custom-informations {
  max-height: 250px;
  overflow-y: auto;
}


/* read-only application view */
.application-read-only-view { width: 425px; }

.application-read-only-view h3 {
  text-align: center;
}

.application-read-only-view dl + h3,
.application-read-only-view .description + h3 {
  border-top: 1px solid #ddd;
  margin-top: 1.5em;
  padding-top: 0.75em;
}

.application-read-only-view dl { overflow: hidden; }

.application-read-only-view dl dt {
  float: left;
  clear: left;
  /*text-align: right;*/
  font-weight: bold;
  line-height: 1.5em;
}

.application-read-only-view dl dt:after { content: ":"; }

.application-read-only-view dl dd {
  float: left;
  margin: 0 0 0 0;
  line-height: 1.5em;
  width: 100%;
  word-wrap: break-word;
  padding: 2px 0;
}

.application-read-only-view .description {
  background-color: #f2f2f2;
  float: none;
  clear: both;
  display: block;
  margin: 0;
  padding: 0.75em;
  word-wrap: break-word;
}

.application-read-only-view dl dd ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.application-read-only-view dl dd ul li {
  display: block;
  font-size: 1em;
}

.application-read-only-view .custom-informations {
  overflow-y: scroll;
  height: 80px;
}


/* account plan requests (sub) tables */
table.mgmt.type-accountplanrequest table tbody tr td {
  width: 100%;
  border: none;
  background-color: inherit;
}

/* api plan requests (sub) tables */
table.mgmt.type-apiplanrequest table tbody tr td {
  width: 100%;
  border: none;
  background-color: inherit;
}

/* api details (sub) table */
table.api-details {
  width: 100%;
  border: 1px solid #ddd;
}

.registration table.api-details {
  width: auto;
}

table.api-details > thead th {
   text-align: left;
}

table.api-details thead th {
  background-color: #e9e9e9;
  border-bottom: 1px solid #fff;
}

table.api-details th,
table.api-details td {
  padding: 10px;
}

table.api-details td {
  background: transparent;
  border: none;
  border-top: 1px solid #ddd;
  background-color: #f2f2f2;
}

table.api-details td { border-left: 1px solid #ddd; }

table.api-details tr + tr td { border-top: 1px solid #fff; }
table.api-details .api-title { cursor: pointer; }
table.api-details .api-title-information,
table.api-details .icon-delete {
  float: right;
  cursor: pointer;
}

.api-actions {
  text-align: center;
}

/* api summary tooltip */
.api-summary a.top-close {
  top: -4px; 
}

.api-summary .group {
  margin: 0.5em 0 0 0;
  padding: 10px 0 0 3px;
}

.api-summary .group + .group {
  border-top: 1px solid #ddd;
}

.api-summary .group h4 {
  word-wrap: break-word;
  margin: 0 0 0.5em 0;
}

.qtip-wrapper {
  -webkit-box-shadow: rgba(0,0,0,.1) 0px 0px 12px;
  -moz-box-shadow:  rgba(0,0,0,.1) 0px 0px 12px;
  box-shadow: rgba(0,0,0,.1) 0px 0px 12px;
}

.api-summary .group dl dd + dt { margin-top: 0.5em; }

table.api-details .api-summary,
.api-summaries .api-summary { display: none; }


table.acct-api-details { float:right; width:50% }

#app-api table.api-details table td.api-title {border: none}
#app-api table.api-details div.title {width:45%; word-wrap:break-word; margin:0 }

#apps .api-details div.title { float:left; width:50% }
#pending-account-plan-requests table.api-details {border: none}


.shared-secret {color:#333 !important;}

.key-group{position:relative;}
.panel-group{position:absolute; top:32px; left:-25px; z-index:100; width:295px; padding:15px;}
.panel-wrapper{background: #FAFAFA;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border: 1px solid #ddd;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;
        padding:1em;}
.panel-group .panel-title {font-weight:bold; display:block; border-bottom:1px solid #ddd; padding:.5em 0; margin:0 0 .3em 0; }

.panel-group .top-close {top:17px !important; right:17px !important;}
.panel-group a.top-close + * {margin-top:.3em !important;}

/* need indicator arrow bg graphics for .key and .secret */
.key-group .key{background:url('./template_images/layer7/position-indicator.png') 44px 0 no-repeat;}
.key-group .secret{background:url('./template_images/layer7/position-indicator.png') 109px 0 no-repeat;}
.key-group .oauth{background:url('./template_images/layer7/position-indicator.png') 183px 0 no-repeat;}

#fieldlist_showKeys .panel-group{position:relative; top:-11px; left:-25px; width:295px;}
#fieldlist_showKeys .panel-wrapper{-webkit-box-shadow:none; -moz-box-shadow:none;}
#fieldlist_showKeys .top-close {display:none;}

/* Datalist Pagination and Actions, overrides for chosen */

#page-controls, .datalist-actions,
.page-controls, .datalist-actions{ 
	font-size: 12px;
	padding: 20px 0px;
}
#page-controls,
.page-controls {
 margin-bottom:20px; 
}
.datalist-actions { 
	overflow: hidden;
}

/* list filters */

#list-filters { margin-bottom: 10px; } 

#list-filters .filter-control { float: left; }

#list-filters .filter-control label { margin-left: 0; }

#list-filters .filter-control input + label {
  display: inline;
  margin-left: 10px;
}

#list-filters .filter-by-group, #list-filters .filter-form {
  margin: 0 0 0 50px;
}

#list-filters .filter-by-private {
  padding-top: 30px;
  margin: 0 0 0 50px;
}

#list-filters .filter { margin-bottom: 20px; }

.list-pagesize, #list-pagesize { float: left; }
.list-pagenumber, #list-pagenumber { float: right;}
.list-pagenumber .pagenumber-prev, .list-pagesize select { margin-left:10px;}

.pagenumber-prev, .pagenumber-next {
	overflow: hidden; 
	text-indent: -9999px;
	background: url("./template_images/layer7/sprites.png") no-repeat 4px -99px; 
	width: 15px;
	display: block;
	float: left;
}

.pagenumber-next { 
	background-position: 4px -124px; 
}

span.pagenumber-prev, span.pagenumber-next {
	opacity: .5;
}

.pagenumber-prev span, .pagenumber-next span {
	display: none;
}

.page-status, #page-status { float: left; }

.datalist-actions .primaryAction { float: right; }
.datalist-actions select { margin-right: 10px; 
  cursor: pointer;
  color: #333;
  height: 26px;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
}

/* chosen overrides and complimentary styles */
.no-free-search div.chzn-search {display:none;}
.chzn-container .chzn-drop {z-index:1000000 !important;}
.search-keywords-container {vertical-align:top; width:250px;}
.search-keywords {float:left; margin:0 .5em 0 0;}
.search-keywords-button {height:28px; width:46px; line-height:26px;}

/* Tools */

.loading { background:url(/National_Library/oe_/https://developers.exlibrisgroup.com/template_images/loader-med.gif) 50% 50% no-repeat; }

#updating-spinner {
  display: none; 
  height: 16px;
  line-height: 17px; 
  overflow: hidden;
  position: absolute;
  color: #ccc;
  font-size: 11px;
  height: 16px;
  bottom: 0;
  right: 25px; 
  padding-right: 22px;
  text-align: right;
  background: transparent url(/National_Library/oe_/https://developers.exlibrisgroup.com/template_images/ajax-loader.gif) center right no-repeat;
}
#loading-spinner {
	padding: 0px;
	margin: 0px;
	width: 0px;
	height: 0px;
	display: block;
} 
 
#main  {
	position: relative;
	padding-top: 25px;
}
.page-actions {
	position: absolute;
	right: 0;
	top: 1.5em;
}
.page-actions a { 
	font-size: 11px;
	margin-left: 15px;
	display: block;
	line-height: 22px;
	padding: 3px 10px 3px 5px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	display: block;
}


.page-actions a:before {
    content: "B";
    font-size: 22px;
    letter-spacing: 0.2em;
    font-family: "Pictos", sans-serif;
    color: #67B42E !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
    height: 10px;
    float: left;
    font-weight: normal;
}

/* .page-actions a:hover {
    color: #3b638a;
} */

/* .page-actions a:hover:before {
    color: #2b4d6f;
} */


.page-actions .manage-widgets:before, .page-actions .manage-widgets { before: "+"; content: "+"; }
.page-actions .manage-widgets.editing:before, .page-actions .manage-widgets.editing { before: "-"; content: "-"; }

.page-actions .edit-details:before, .page-actions .edit-details { before: "W"; content: "W"; }



.page-actions span { 
	display:none;
	/*background: url("./template_images/layer7/sprites.png") no-repeat; 
	float: left;
	display: block;
	height: 18px;
	width: 18px;
	padding-right: 5px;*/
}
.page-actions a:hover { 
	color: #3fa7c0;
}


.page-actions .edit-details span {
	background-position: 0px -428px;
}

.page-actions .manage-widgets span {
	background-position: -100px -426px;
}

.page-actions .manage-widgets.editing span {
	background-position: -200px -426px;
}

.first-messages {display:block; float:left; clear:left;}
.next-messages, .end-messages {display:block; float:right; clear:right;}


/* Buttons */
.btn {
  color: #333;
  background-color: #FEFEFE;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border-color: #CCC #CCC #BBB;
  cursor: pointer;
  display: inline-block;
  padding: 4px 14px 5px;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 -15px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -o-box-shadow: inset 0 -15px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 -15px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 -15px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
  text-decoration: none;
}
.btn:hover {
  box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -o-box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333;
  text-decoration: none;
}
.btn.primaryAction {
  color: #fff;
  background-color: #008eb1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #008eb1 #008eb1 #00b0da;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn:active {
  box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -o-box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 -25px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn[disabled] {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.large {
  font-size: 16px;
  line-height: normal;
  padding: 9px 14px 9px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn.small {
  padding: 7px 9px 7px;
  font-size: 11px;
}
button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}


/* Header */
/* Welcome Module */

#header { 
	min-height: 138px;
	position: relative;
	padding: 0; 
	margin: 0 auto;
	width: 1000px;
}

#logo { 
	text-indent: -999999em;
	float:  left;
	font-size: 18px;
	padding-top: 10px;
	margin: 0px 0 0 16px;
	overflow: hidden;
	}
	
#logo a { 
	display: block;
	float: left;
	width: 111px;
	height: 36px;
	text-indent: -99999px;
	overflow: hidden;
	margin-top: 0px;
}	

#tools { 
	float:  right; 
	width: 450px;
	position: relative;
	z-index: 11; 
	}
	
#login, #search { 
	width: 100%;
	text-align:  left;
	}

#search { 
	padding-top: .5em;
}	
#search #searchTextValue {
  display: none;
}
#welcome {
	float: left; 
}	

#welcome .avatar { 
	height: 36px;
	width: 36px; 
	background: #FFF;
	border: none;
	float: right;
	margin-left: 20px;
	background: url("./template_images/layer7/sprites.png") no-repeat 0px -475px; 
	margin-top: 1px;
}

#welcome .avatar img {
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
}

#welcome .links { 
	top: 7px;
	float: left;
	position: relative;
}
#welcome .links #login {
	position: absolute;
	top: 18px;
	left: 0;
}
#welcome .links h2 {
	font-size: 12px;
	font-weight: normal;
}

#welcome h2 { 
	font-size: 14px;
	font-weight: normal;
	margin: .5em 0px;
	margin-bottom: .4em;
}

#welcome ul {
	padding-left: 0px;	
	margin-top: 0;
}	

#welcome li { 
	display: block;
	float: left;
	margin-right: 10px;
}
#login {
	/* display: none; */
}
#welcome a, #login a { 
	font-weight: normal;
	text-decoration: none;
	font-size: 13px; 
}
#welcome a:hover, #login a:hover { 
	text-decoration: underline;
}

#main h1 { 
	margin-top: 0px;
}


h1, h2, h3, h4, h5, h6 {
      word-wrap: break-word;
}



/* Footer */


#footer {
	width: 100%;
	padding-top: 2.5em;
	padding-bottom:3em;
	font-size: 12px;
    box-shadow:  inset 0 5px 10px rgba(0,0,0,0.3);
    -o-box-shadow: inset 0 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 5px 10px rgba(0,0,0,0.3);
	}
	
#footer h3 {
	color: #f1eee5;
	font-size: 13px;
	margin-top: 0px;
	}	
	
#footer ul {
	padding-left: 0px;
	}	
	
#footer li {
	display: block;
	padding-bottom: .8em;
	}	

#footer .col {
	padding: 0px 30px;
	}	
	
#credit { 
	display: block;
	background: url("./template_images/layer7/credit.png") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -99999px;
	width: 240px;
	height: 55px;
	margin-top: 2.5em;
}	

#social { margin-top: 0px; }

#social li { 
	background: url("./template_images/layer7/sprites.png") no-repeat;
	padding-left: 24px;
}

#social li.facebook { 
	background-position: 0px -25px;
}

#social li.linkedin { 
	background-position: 0px -50px;
}

#social li.contact { 
	background-position: 0px -75px;
}
#search { 
	position: absolute;
	width: auto;
	top: 72px;
	right: 0;
}
#search button { 
	display:none;
	background-image: url("./template_images/layer7/sprites.png");
	background-position: 10px -148px;
	background-repeat: no-repeat;
	overflow:hidden; 
	text-indent: -9999px; 
	width: 36px;
	padding: 2px 2px;
	border: 1px solid #d6d5d2;
}

#main h1 {
	font-size: 24px;
	color: #394044;
}

/* @group Notice {{{ */

#notice.error {
    background: #FFFFBB;
    border-color: #CCCC88;
}

#notice a { color: #999; }

#notice a.primaryAction { color: #fff; }

.notice.success, 
#notice.success {
    background: #DDF6BB;
    border-color: #90C349;
}

.notice,
#notice {
    padding: 10px 20px;
    margin: 0 0 1em 0;
    background: #eae9e6;
    color: #555555;
    border: 1px solid #c3c7c8;
    position:relative;
}

#notice .close {
   display:block;
   position: absolute;
   top: 10px;
   right: 10px;
   background: url("./template_images/layer7/sprites.png") -100px -100px no-repeat; 
   height: 13px;
   width: 13px;
   overflow: hidden;
   text-indent: -99999px;
   opacity: .4;
}

#notice .close:hover {
   opacity: 1;
}
/* @end }}} */


/* Reports */

#charts {
  margin-bottom: 30px;
}
#usage-report svg { 
  top:0!important;
  left:0!important;
}
#usage-report div {
  overflow:hidden;
}
.hitsUsageByOrg #usage-report {
  height: 400px;
}

.report .controls { margin: 0 0 3em 0; }

.report .controls .control { margin: 0 0 1.5em 0; }

.report .controls label { 
  vertical-align: middle;
}

.report .controls .chzn-container {
  vertical-align: middle;
  margin: 0 0 0 3px;
}
.report .controls .daterange input[type=text] {
  font-size:12px;
  height: 19px;
  width: 100px;
  padding-left: 5px;
  margin: 0px 10px;
  vertical-align: middle;
}
.report .controls .control label:first-child {
    display: inline-block;
    width: 100px;
}
.report .controls .control #presets_chzn {
    margin-right: 10px;
}
.report .controls .control #presets_chzn .chzn-search {
  display: none;
}
.report .controls .control button:first-child {
  margin-left : 103px;
}
.report .controls .control #org-selector_chzn{
    margin-right: 10px;
}
/* .report .controls .control #app-selector_chzn{
    margin-left: 10px;
} */
.report .notice {
  padding: 0 1em;
  background-color: #fff;
  border: 1px solid #D6D5D2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
}
.report #current-plan-usage-container {
  visibility: hidden;
}
.report #current-plan-usage-label {
  margin-bottom: 25px;
  width: 100px;
  display: inline-block;
}
.report #current-plan-usage-div {
  display:inline;
  width: 160px;
}
.report #current-plan-usage {
  float:none;
  width: 218px;
}

.chart {
  width: 100%;
  height: 600px;
}

.refresh { margin: 0 0 0 1em; }

#ui-datepicker-div { display: none; }


.charts.initial, .charts.no-report-data {
  width: 100%;
  height: 600px;
  background: url(./template_images/layer7/Large-Report.png) top left no-repeat;
}

.no-report-data .chart, .loading .chart { display: none; }

td .report {
  display: block;
}

.hitsUsageByOrg #latency-report-li { display:none; }

#metadata-apps #page-controls,
#metadata-apps .page-controls {
 margin-bottom: 0px;
}

/* code */

pre.prettyprint {
  overflow: auto;
  white-space: pre;
  word-wrap: normal;
}

/* media browser in lightbox forms */

#embedded-media-browser {
  overflow: hidden;
  width: 320px;
  height: 480px;
  border: 3px solid #0088ce;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

#embedded-media-browser iframe {
  border: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Forum integration */

.frame { 
  display: block;
  width: 990px;
  height: 100%;
  border: none;
  overflow: hidden;
}

/* reset password */

#reset-password .field { padding: 1.5em 0; }

#reset-password .field input { margin-bottom: 1.5em; }

#reset-password .field .send { display: inline-block; }
#reset-password .field .waiting { display: none; }

#reset-password .field.waiting .send { display: none; }
#reset-password .field.waiting .waiting { display: inline-block; }

/* placeholders */

.placeholder { color: #ddd; }

/* color field */

.color-field { overflow: hidden; }

.color-field .color-preview {
  float: left;
  position: relative;
  width: 36px;
  height: 36px;
}

.color-field .color-preview div {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 30px;
  height: 30px;
  background: url(/National_Library/oe_/https://developers.exlibrisgroup.com/template_resources/images/select.png) center;
}

/* image upload field */

form .image-upload-field .upload-preview {
  /* width: 48px;
  height: 48px; */
  text-align: center;
  border: 1px solid #D6D5D2;
  float: left;
  margin: 0 1em 1em 0;
}

form .image-upload-field .upload-preview img {
  /* width: 48px;
  height: 48px; */
  max-width: 162px;
  max-height: 65px;
  margin: 0;
  padding: 0;
}

.image-upload-field p { clear: both; }

.uniForm .inlineLabels .image-upload-field .formHint { margin-left: 0; }


/*{{{ portal style form */
.uniForm.webadmin-styles { overflow: hidden; }
.uniForm.webadmin-styles .ctrlHolder { border: none; }
.uniForm.webadmin-styles fieldset { margin: 1.5em 0 0 0; }
.uniForm.webadmin-styles .formHint { margin-left: 32%; }

.uniForm.webadmin-styles label,
.uniForm.webadmin-styles .text-field label,
.uniForm.webadmin-styles .color-field label,
.uniForm.webadmin-styles .image-upload-field label {
  position: relative;
  width: 25%;
  margin-top: 0.75em;
}

.uniForm.webadmin-styles .checkbox-field label,
.uniForm.webadmin-styles .dropdown-field label {
  margin-top: 0;
}

.uniForm.webadmin-styles .textInput { width: 35%; }

.uniForm.webadmin-styles .code-editor {
  position: relative;
  width: 100%;
  height: 350px;
}

/* .uniForm.webadmin-styles .buttonHolder { border-top: 2px solid #D6D5D1; } */

.uniForm.webadmin-styles .color-field .color-preview { margin: 0 0.5em 0 0; }

.uniForm.webadmin-styles .color-field .formHint,
.uniForm.webadmin-styles .reset-field .formHint {
  display: inline;
  float: none;
}

.uniForm.webadmin-styles .formHint {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.uniForm.webadmin-styles .text-field .formHint { margin: 1em 0 0 0.75em; }

.uniForm.webadmin-styles .dropdown-field .formHint { margin: 0.5em 0 0 27%; }

.uniForm.webadmin-styles .image-upload-field .file-wrap { width: 70%; }

.uniForm.webadmin-styles .image-upload-field .file-wrap .file-wrap-inner input { margin-bottom: 0.75em; }

.uniForm.webadmin-styles textarea {
  overflow: auto;
  white-space: nowrap;
}

#Colors {
  float: left;
  width: 45%;
}

#Fonts {
  float: right;
  width: 45%;
}

#AdvancedStyles { position: relative; overflow: hidden; clear: both; }

#AdvancedStyles ol {
  margin: 0;
  padding: 0;
}

#fieldlist_ManualStyles .formHint {
  float: none;
  width: 100%;
}

#see-css-defaults {
  float: right;
  display: inline-block;
  font-size: 1.1em;
  line-height: 1;
}

/*}}}*/


/*{{{ Fallbacks for basic portal style overrides */
#logo a {
  background-image: url('/National_Library/oe_/https://developers.exlibrisgroup.com/resources/branding/defaultlogo_133x53.png');
}

a, a:visited, .primary-colour, #main h2, legend {
	color: #d54d40;
}

#nav, #widget-area .widget h2:hover, .edit-widget h2 {
	background-color: transparent;
}

#widget-area ul.widget-list li .title {color: #1167bd;}
fieldset.active legend, 
fieldset.active legend:hover {border-top:5px solid #1167bd;}

.nextAction {border-color: #1167bd;}

.tabs ul li a, .tabs ul li a:link, .tabs ul li a:hover, .tabs ul li a:active {
	color: #454545;
}
.tabs ul li.active { border-top-color: #1167bd; }
.tabs ul li.active a { color: #1167bd; }

.secondary-colour, #subnav .current { color: #39a857;}

.btn.primaryAction { background: #39a857; }

#widget-menu { background-color: #39a857;}

#subnav .current:before, #subnav .current .before {
  color: #39a857;
}

.page-actions a:before {
  color: #39a857 !important;
}

table.mgmt .default-item:before {
  color: #39a857 !important;
}

#search button { 
  background: #39a857 url("./template_images/layer7/sprites.png") 10px -148px no-repeat; 
}

body {
	color: #666;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

#main h1 {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

#footer, #footer h3 {
	color: #ffffff;
}

body {
  background: #f7f9fb;	
}

#page {
	background: #ffffff;
}	

#footer {
	background: #375c7a;
}	

.widget {
  background: #ffffff;
}

.uniForm #content #EULAText {
  width : 500px;
  height : 300px;
}

#property-lightbox #dialog-add-input ol {
  margin: 0px;
  padding: 0px;
}

.uniForm #parameters-table .error-generic {
    background: none repeat scroll 0 0 #FEF5BE;
    border-radius: 4px 4px 4px 4px;
}

.uniForm .inlineLabels #parameters-table label {
  width: 140px;
}

.uniForm #status-properties {
  margin-bottom: 5px;
}

#ApplicationInfo #appPlatform {width: 350px};

/* Chosen plugin additions */

.api-selection-field .chzn-container .chzn-results li:before { color: #ddd; }

.api-selection-field .chzn-container .chzn-results li.active:before { color: #00f; }

.api-selection-field .chzn-container .chzn-results li:before {
  position: relative;
  left: -4px;
  content: "i";
  font-family: "Pictos";
}

/* .api-selection-field .chzn-container .chzn-results li:first-child { padding-left: 20px; }
.api-selection-field .chzn-container .chzn-results li:first-child:before { content: ''; } */

.api-details .quota-container {
  /* float: right; */
}
.api-details #account-plan-change .chzn-search {
  display:none;
}
table.api-details {
   border-collapse: inherit;
}


.api-details .quota {
	width:100px; 
	height:13px; 
	overflow: hidden;
	border: 1px solid #DDDDDD;
}

.api-details .quota .used {
  max-width: 100px;
	height:13px;
	background-color: #87CEFA;
}

table .api-title .title {
	float: left;
	/* overflow: hidden; */
  /* text-overflow: ellipsis; */
  margin: 0 1em 0 0;
  word-wrap: break-word;
  width: 165px;
}

table .api-title .quota-title {
	float: left;
  margin: 0 10px 0 0;
  word-wrap: break-word;
  width: 210px;
}

.registration .api-title .title {
  width: 250px;
}

table .added-api {
  font-weight: bold;
}

table .added-api .api-title .title {
  width: 310px;
}

table.api-details table {
  float: right;
}

.api-select table .api-title .title {
  width: 180px;
}

.api-select table .added-api .api-title .title {
  width: 310px;
}

.api-title .information,
.api-title .quota,
.api-title .quot-na,
.api-title .used-percentage{
 float: right; 
}
.api-title .quota-na { min-width: 105px; }
.api-title .information {
	margin-left: 5px;
}
.api-title .used-percentage {
	font-size: 8pt;
	margin-left: 3px;
}
#api-general #urlPattern {
  width: 50%;
  float: left;
}
#api-general .api-ssgurl {
  display: block;
  float: left;
  margin: 5px 0;
  overflow: hidden;
  padding: 4px 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 240px;
  word-wrap: normal;
}
#api-general #DocumentationURI {
  width: 50%;
  float: left;
}
#api-protect ol li ul {
  width: 100% !important;
}
#api-general #fieldlist_InteractiveDocumentation, 
#api-general #fieldlist_DocumentationURI {
  border-bottom: 0 solid #EFEFEF;
}

#apiownergroup-readonly { width: 495px; }

#fieldlist_QuotaEnabled, 
#fieldlist_QuotaValue,
#fieldlist_PublicDescription,
#fieldlist_QuotaTimeUnit,
#fieldlist_MaxRequestRate,
#fieldlist_StartTime,
#fieldlist_EndTime,
#fieldlist_StartDay {
  border-bottom: none;
}
#fieldlist_RateLimitEnabled,
#fieldlist_ControlTime,
#fieldlist_ControlDay {
  border-bottom: none;
  border-top: 1px solid #EFEFEF;
}

#ScriptTextArea {
  width: 100%;
  margin: 20px 0 10px;
}

p, label, dt, {
  word-wrap: break-word;
  /* word-break: break-all; */ 
}

.eula-content {
  width:725px;
}

.registration .eula-content {
  width:625px;
}

#api_selector_chzn li.search-choice,
#app_selector_chzn li.search-choice {
  max-width: 260px;
}

select#APIOwnerGroupId, select#EULA {
  width: 500px;
}
select#APIOwnerGroupId optgroup {
  text-transform: uppercase;
  font-style: normal;
}

select#APIOwnerGroupId optgroup option {
  text-transform: none;
  padding-left: 5px;
}
#api-general #fieldlist_Plans select { width: 500px!important } 

.subItemHidden { display:none; }

form.application {
/*   width: 640px; */
  width: 750px; 
}
form.organizations {
  max-width: 750px; 
}

/* API Management */

/* table.api-management {
  width: 100%;
} */


/* table.api-management .icon-delete {
  font-size: 1.3em;
} */

/*}}}*/