*{ margin:0; padding:0;}
html {height:100%}
body    {color: #32322f; margin:0; padding:0; font-family:Arial,verdana,sans-serif;font-size:100%; position:fixed; width:100%; height:100%; }
a img, IMG  { border:none;}
a { outline-width:0; text-decoration:none; border:none; outline:0; color:#000; font-family:arial;}
A:link, A:visited {color:#2C4D82;}
.accessible-only {
	width: 1px;
    height: 1px;
    left: -1000em;
    overflow: hidden;
    position: absolute;
}
/*mainContainer*/
.mainContainer { background-color:#FFF; font-size:80%; font-weight:normal; color:#555555; width:100%; height:100%; }

.contentWrap {
	margin: 0;
	width: 100%;
	display: block;
}

.metsViewerTopBar {margin-bottom:0.5em;}
.searchField {border:1px solid #b0b0b5;
    -moz-border-radius:12px;
	-webkit-border-radius:12px;border-radius:12px;
    width:100%; padding:0.2em; /*text-indent:1.5em;*/ padding-left:20px; padding-right:1.9em; width:75%;
    background-image: url(images/deprecated/icon_search.png); background-repeat:no-repeat; background-position:5px 50%;
    font-family:Arial; font-size:70%;}

.searchFieldReset {background-image: url(images/deprecated/icon_search.png), url(images/icon_search_reset.png) ; background-repeat:no-repeat, no-repeat; background-position:5px 50%, 97% 50%;}

.ButtonPrevItem {position:relative; float:left; top:300px; padding:40px; opacity:0;
filter:alpha(opacity=0); /* For IE8 and earlier */}
.ButtonPrevItem:hover {position:relative; float:left; top:300px; padding:40px; opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */}

.ButtonNextItem {position:absolute; float:right; top:300px; right:60px;padding:40px;opacity:0;
filter:alpha(opacity=0); /* For IE8 and earlier */ }
.ButtonNextItem:hover {position:absolute; float:right; top:300px; right:60px;padding:40px;opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */}
/*#rightPane { padding-top:3em;}*/

.defaultImageContainer {
	margin-left:auto;
	margin-right:auto;
	margin-top:10%;
	display:block;
 background-image:url(images/icons_intro+bg.png); background-repeat:no-repeat; background-position:50% 0%;
	width:60%;
	height:300px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.defaultImageContainer h1 { font-size:160%; font-weight:normal; padding-top:1.5em; letter-spacing:1px; text-align:center; font-family:Arial; color:#8c8b8b;}

/*style for the new popups in the infra*/
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000;}
.boxes .window { position:absolute; left:0; top:0; z-index:9999;}
.boxes #dialog {cursor:move; width:50%; background:none repeat scroll 0 0 #ddd; border:10px solid #fff; padding:10px 20px; margin-left:25%;  margin-top:10%}
.boxes #dialog2 {cursor:move; width:25%; background:none repeat scroll 0 0 #ddd; border:10px solid #fff; padding:10px 20px; margin-left:35%;  margin-top:10%}
.boxes #dialog #popupContent{cursor:default;}
#mask {width: 100%; height: 100%; display: block; -moz-opacity: 0.70; opacity:.70; filter: alpha(opacity=70);}

/*------------------Widget Popup-------------------*/
.popup ul {list-style:none; font-size:95%; width:98%; margin:1em auto}
.popup ul li.error{font-size:125%;}
.EXLPatronDetailsRow {display:block}
/*.popup ul li {border-bottom:1px solid #dadada; margin-top:0.5em}*/
.popup .confirmation ul li {border-bottom:none;}
.popup ul li a {color:#2C4D82; display:block; margin-top:0.5em;}
.popup ul li A:link {text-decoration: none;}
.popup ul li A:Hover {text-decoration: underline;}
.popup .typeF {height: 2em;  margin-left: 1em; width:95%}
/*.ui-draggable .sectionContainer {background-color:#fff}*/
.closePopup {border:none; text-indent:-10000em; background: url("../images/images/cross.png") no-repeat transparent; width:16px; height:16px; cursor:pointer}
.ui-draggable .roundTopSection {margin-top:0.5em}
.popup .conditionList ul {font-size:100%; margin:0.5em auto}
.popup .conditionList ul li {border:none}
.popup .typeC {padding-left: 1%; width: 97%;}
.popup  #error.typeC2, .popup  .typeC2.error2 {margin-top:-10px;}

/*Inline popup*/
.popup { background:none repeat scroll 0 0 #ffffff; border:1px solid #BBBBBB; float:left; margin:10px 0; padding:10px 0; width:100%;}

.infoLightboxContainer {width:100%; background-color: #fff}
.infoLightboxContainer h1 {padding:1% 1% 0}
.infoLightboxColumn { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;border: 1px solid #ccc; float: left; margin: 1%; height: 20em; padding: 2%; width: 43%;padding-bottom: 0; padding-top: 0}
.infoLightboxColumn h2 {font-size: 100%; padding: 0.5em 0 0.5em ; color:#333; margin: 0 auto}
.infobox {height: 17em; overflow:auto;}

/*Type F: command buttons*/
.typeF { width:90%; margin-left:4em; height:3em; padding-top:1em; }
.typeF div.left{float:left; margin-right:5px;}
.typeF div.buttonLink{padding-left:0.2em; padding-right:0.2em; text-align:center; height:20px; vertical-align:middle; width:auto; cursor:pointer; }
.typeF div.buttonLink a {display: inline-block; height: 20px;  line-height: 20px;}
.typeF input, .typeF div.buttonLink {height:22px;background-color:transparent; border:none; width:auto; padding-left:0.2em; padding-right:0.2em; font-weight:bold; cursor:pointer;margin-left:0em; font-family: arial }
button:disabled {color:#555555; cursor:default}
input:disabled {color:#555555; cursor:default}
.typeF A:link{color:#2C4D82; font-family:Arial,Verdana;  font-weight:bold; line-height:20px; text-decoration: none;}
.typeF A:visited{color:#2C4D82; font-weight:bold; line-height:20px; text-decoration: none;}

/*Type B: Drawer Title, Title*/
.typeB {margin-bottom: 0.5em; width:100%; background-color:#f6f6f6; border:1px solid #D7DDE3; height:25px;  padding:0px;clear: both/*margin-top:-7px for ie6*/; border-left: none; border-right: none}
.typeB span{ vertical-align:bottom; font-weight:bold; margin-left:0.5em}
.typeB span.title{ font-weight:bold; margin-left:3em; float:left; padding-top:4px; margin-right:1em}

/*Type C: two columns form*/
.typeC {background-color: #fff; border: none;  margin: 0 auto 0.3em 2%; padding-left: 0; padding-top: 1em;  width: 98%;}

/*Type C: two columns form*/
.typeC {background-color: #fff; border: none;  margin: 0 auto 0.3em 2%; padding-left: 0; padding-top: 1em;  width: 98%;}
.typeC div.formDiv {padding-bottom: 1em;}
.typeC div.formDiv div.line {clear: both; _height: 22px; margin-bottom:0.2em}
.typeC div.formDiv div.line:last-child {margin-bottom:0}
.typeC div.formDiv div.line div {float:left;}
div.formDiv div.line div.width50{float:left; margin-left:50px}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

.width98 {width:98%}
.width20{ width:20%}
.fieldName {font-weight:bold;}

.alignLeft  {float:left;}
.alignRight {float:right}

/*Type I: left side - buttons or sort list form. right side - paging and records number*/
.typeI{padding:5px 0px 0px 5px;height:28px;border-bottom:1px solid #D7DDE3;background-color:#FBFBFB;}
.typeI div.alignLeft{ width:65%; padding-top:0; margin-left:3px}
.typeI div.alignRight{ width:34%; padding-top:0; }
.typeI div.alignRight div.alignLeft{ width:13em}
.typeI div.alignRight div.alignRight { width:11em; /*margin-top:3px;*/ text-align:right;}
.typeI div.alignRight ul {list-style-type: none;  }
.typeI div.alignRight ul li { font-size:94%; font-weight:normal; float:left; color:#9B9B9B ; padding-left:3px; padding-right:3px;}
.typeI div.alignRight ul li a{text-decoration:none;margin: 0.2em 0em 0em 0em; }
.typeI div.alignRight ul li a:hover{ text-decoration:underline}

/*Type I: RTL*/
.typeI-rtl div.alignLeft ul {list-style-type: none;  }
.typeI-rtl{padding:5px 0px 0px 5px;height:28px;border-bottom:1px solid #D7DDE3;background-color:#FBFBFB;direction:rtl;}
.typeI-rtl div.alignLeft{ width:34%; padding-top:0; margin-left:3px}
.typeI-rtl div.alignRight{ width:65%; padding-top:0; }
.typeI-rtl div.alignLeft ul li { font-size:94%; font-weight:normal; float:right; color:#9B9B9B ; padding-left:3px; padding-right:3px;}

/*Type D3: table with checkboxes*/
.typeD3 {padding-left:1.1em; margin-top:0.5em; height:auto;clear:both;}
.typeD3 div.scrollTable{height:11em; overflow:auto;overflow-x:hidden; margin-bottom:1.5em;}
.typeD3 div.scrollTable2{height:20em; overflow:auto;overflow-x:hidden; margin-bottom:0.5em;width:100% }
.typeD3 table{ width:98%;}
.typeD3 table th{height:auto; white-space:nowrap; border-top:none}
.typeD3 table th.center{text-align:center}
.typeD3 table td{ height:auto;padding-top:2px;padding-right:4px; vertical-align:top;}
.typeD3 table td.empty{border-bottom:none; height:70px;}
.typeD3 table th.actionTitle{ color:#FFFFFF}
.typeD3 table td input { width:100%;}
.typeD3 table td select { width:100%;}
.typeD3 table td a img { padding-right:4px;}
.typeD3 table tr.actionHolder td{padding:0px; margin:0px; text-align:left; border:0; border-bottom:1px #D7DDE3 solid;}
.typeD3 td.moreOptions {width:auto;}
.typeD3 td.moreOptions a{ margin:0px; padding-right:0px; text-align:right; text-decoration:underline;}

.typeD3 table.narrowTable{ width:45%; padding-right:0px; padding-left:0px;}
.typeD3 table.narrowTable tr{padding:0px; margin:0px; width:auto;}
.typeD3 table.narrowTable th{padding-right:0px; margin-right:0px; width:auto;}
.typeD3 table.narrowTable td{padding:0px; margin:0px; width:auto}

/* For Gallery view */
.typeD3 div.gallery {overflow:auto;overflow-x:hidden; margin-bottom:0.5em;width:100% }
.typeD3 div.gallery ul {padding: 0;margin: 0;list-style-type: none;float:left;clear:right; width:100%}
.typeD3 div.gallery ul li { float:left; margin: 0 0.5% 2em 0.5%; width: 18%}
.typeD3 div.gallery ul li input {vertical-align: top;}
.typeD3 div.gallery ul li ul {list-style-type: none;float:left;}
.typeD3 div.gallery ul li ul li {float:none; border: 0; margin: 0; width:100%;padding-bottom:0;}
.typeD3 div.gallery ul li ul li.inLine { width: 45%; float:left; margin: 0.2em 0.2em 0em 0em; padding-left:0em; padding-right:0em; }
.typeD3 div.gallery ul li ul li.actions { clear:left; margin: 0.2em 0.2em 0em 0em; padding-left:0em; padding-right:0em; }

.typeD3 div.gallery ul li {width:11.7em; margin: 0 0.5% 3em;}
.typeD3 div.gallery {overflow-y: inherit;overflow-x: inherit;}

/* For Gallery view RTL*/
.typeD3 div.gallery-rtl {height:20em; overflow:inherit;margin-bottom:0.5em;width:100%;direction:rtl; }
.typeD3 div.gallery-rtl ul {padding: 0;margin: 0;list-style-type: none;float:left;clear:right; width:100%}
.typeD3 div.gallery-rtl ul li { float:right; margin: 0 0.5% 3em; width: 11.7em}
.typeD3 div.gallery-rtl ul li input {vertical-align: top;}
.typeD3 div.gallery-rtl ul li ul {list-style-type: none;float:left;}
.typeD3 div.gallery-rtl ul li ul li {float:none; border: 0; margin: 0; width:100%;padding-bottom:0;}
.typeD3 div.gallery-rtl ul li ul li.inLine { width: 45%; float:left; margin: 0.2em 0.2em 0em 0em; padding-left:0em; padding-right:0em; }
.typeD3 div.gallery-rtl ul li ul li.actions { clear:left; margin: 0.2em 0.2em 0em 0em; padding-left:0em; padding-right:0em; }

.gallery-rtl .ppy-stage {
    width:          150px;
    height:         150px;
    overflow:       hidden;
    display: inline-block;
    height: 73px;
    right: 15px;
    top: 5px;
    width: 94px;
}

.ie-top-glow {
	background: url("images/ie-glow-bg.png") no-repeat scroll right center transparent;
    display: inline-block;
   	height: 47px;
    left: 14px;
    position: absolute;
    top: 44px;
    width: 114px;
    z-index: 1;
}

ul li.collection,li.collection-rtl, ul li.ie, ul li.ie-rtl{ width:133px; height:104px;position: relative; top: 15px; }
ul li.collection, ul li.collection-rtl  {background-image:url(images/collection-folder-bg.png); background-repeat:no-repeat;}
ul li.ie, ul li.ie-rtl  {background: url("images/ie-folder-bg.png"); background-repeat:no-repeat;}
ul li.subCollection {  position: relative;
    top: 29px; font-family: verdana;
    padding-left: 15px;
    font-size: 11px;
    font-style: italic;}
ul li.subCollection a {   color:#FFFFFF;}
li.collection-rtl ul li.subCollection a {   color:#FFFFFF;float:left; padding-left:27px;}

.subCollectionCaption { position: relative; top: 94px; width: 133px}

.thumbnailView {overflow:auto;height:100%;}

.NotAllow {margin-left:auto;margin-right:auto;margin-top:10%;display:block;width:580px;min-height:300px;
				height:auto;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #e0e0e0;
				padding-bottom:2em;background-image: url(../images/bg_transparent.png);}
.NotAllow p { font-size:110%; font-weight:normal; padding-top:1.5em; letter-spacing:0px; width:500px; margin-left:auto; margin-right:auto; text-align:left; margin-bottom:1em; }
.NotAllow ul { margin:0em; padding:0em; width:500px; margin-left:auto; margin-right:auto;}
.NotAllow li { text-align:left; list-style-position:inside; list-style-type:none;  }
.NotAllow img { margin-bottom:1em; margin-top:1.5em; display:block; margin-left:auto; margin-right:auto;}
.NotAllow a { color:blue;}
.loginButton1 { bottom: -18px; height: 36px; position: relative; right: -77px; padding-bottom: 20px; }
.loginButton1 .loginText { background-color: #0E7BBA;
color: rgb(255, 255, 255); cursor: pointer; font-family: "Calibri"; font-size: 18px; line-height: 1;
border: 1px none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
padding: 7px 93px;
}