﻿/**databases**/

h5 {font-size:14px;} 

/**searchbox**/
.searchbox {width:487px;}
.searchbox ul {list-style:none;margin:0;padding:0;display:block;height:30px;margin-left:0px;border-bottom:1px solid #aaa;}
.searchbox ul li {display:inline-block;}
.searchbox ul li label {cursor:pointer;padding:8px;box-sizing:border-box;background:#ddd;border:1px solid #bbb;border-bottom:0px;border-radius:8px 8px 0px 0px;line-height:30px;color:#444;text-decoration:none;font-weight:bold;text-shadow:0px 0px 1px rgba(0,0,0,0.25);}
.searchbox ul li.active label {background:#fff;color:#a80000;padding-bottom:9px; box-shadow: inset 0 0 30px rgba(168,0,0,0.07);}
.searchbox .searchbox-content {display:none;border:1px solid #aaa;border-top:0px;background:#990000;color:#444;box-sizing:border-box;padding:6px;
                               background-image:-webkit-linear-gradient(#fff,#f5f5f5);
                               background-image: -moz-linear-gradient(#fff,#f5f5f5);
                               background-image: linear-gradient(#fff,#f5f5f5);
                               filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');
                               box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);}
.searchbox .searchbox-content form {margin-top:8px;}
.searchbox .searchbox-content input[type=text] {outline:0;background:#fff;padding:8px;box-sizing:border-box;width:80%;border:1px solid #aaa;border-radius:6px;box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 0 30px rgba(0,0,0,0.07);  }
.searchbox .searchbox-content select {padding:6px;}
.searchbox .searchbox-content a {color:#a80000;}
.searchbox .searchbox-content a:hover {color:#333;text-decoration:underline;}
.searchbox .searchbox-content:first-child {display:block;}
.searchbox hr {height:1px;border:0px;border-top:1px solid #ccc;background:#eee;}

/**searchboxwms**/
.searchboxwms {width:698px; height:260px; margin: 5px 0px 0px 10px; text-align:center; background: url(../public/images/bg_stainedglass.jpg) no-repeat; border: 1px solid #aaa; box-shadow: 0 1px 1px rgba(0,0,0,0.25); }
.searchboxwms .overlay {width:560px; height: 180px; position: relative; border: 2px solid #454545; margin: 10px 66px; text-align:center; background-color: #ececec; zoom: 1; filter: alpha(opacity=98); opacity: 0.98;  }
.searchboxwms  hr {height:1px;border:0px;border-top:1px solid #aaa;background:#eee;width:90%;}
.searchboxwms h2 {font-size: 22px; text-align: center;}
.searchboxwms .searchboxlinks a {color:#a90000; font-weight: bold; font-size: 14px;}
.searchboxwms  .searchboxlinks a:visited {color: #a90000; font-weight: bold; font-size: 14px;}
.searchboxwms .searchboxlinks a:hover {color:#ffae45; text-decoration:underline; font-weight: bold; font-size: 14px;}
.searchboxwms  a {color:#fff; font-weight: bold; font-size: 14px;}
.searchboxwms  a:visited {color: #fff; font-weight: bold; font-size: 14px;}
.searchboxwms a:hover {color:#ffae45; text-decoration:underline; font-weight: bold; font-size: 14px;}


/**wms**/
.icons  {width:698px; margin: 20px 0px 0px 10px; }
.wms {display: inline-block; margin: 0px 0px 0px 0px; position: relative; width: 698px; top: 0; vertical-align: top;}
.wms h4 {font-size: 16px; font-weight: bold; color: #fff; text-align: left; background-color: #454545; padding: 4px; display: block; vertical-align: top; margin: 0px 0px 5px 0px; }
.wms p {font-size: 13px; font-weight: normal; color: #454545; text-align: left; }
.wms a {color: #9a0000; font-weight: bold; }
.wms a:visited {color: #9a0000; font-weight: bold;}
.wms a:hover {color:#333; font-weight: bold; }


/*blogreader*/
.blog-reader {background:url(../public/images/blogbanner5.jpg) no-repeat 0px 0px;padding-top:0px;border:1px solid #aaa;box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);}
.blog-reader h3 {display:inline-block;box-sizing:border-box;color:#fff;font-size:16px;background:#a80000;background:rgba(168,0,0,0.8);padding:2px 6px;}
.blog-reader ul {list-style:none;margin:0 8px;padding:0;}
.blog-reader ul li {border-top:1px solid #eee;padding:5px 0px;}
.blog-reader ul li:first-child {border-top:0px;}
.blog-reader ul li a {display:inline-block;font-weight:bold;}
.blog-reader .post-descr {display:none;font-size:11px;}
.blog-reader p {margin:0;padding:2px 8px;display:block;background:#f5f5f5;border-top:1px solid #ddd;}
.blog-reader .post-title {color:#a80000;padding-left:20px;display:inline-block;font-weight:bold;background:url(../images/project.png) no-repeat 0px 3px;vertical-align:middle;cursor:pointer;}


/**hours**/
.todays-hours {margin-bottom:8px;padding:9px;width:189px; box-shadow: 0 1px 1px rgba(0,0,0,0.25); background-color: #eee; }
.todays-hours h3 {display:block;margin:0px 0px 0px 6px; font-size: 14px;}
.todays-hours h3 span {display:inline-block;text-align:center;background:url(../images/clock2.png) no-repeat;text-indent:-30px;overflow:hidden;color:#aaa;vertical-align:middle;width:20px;height:20px;}
.todays-hours .day {display:block;color:#777;font-weight:bold;}
.todays-hours .helpdesk {display:block;color:#555;font-weight:bold;}
.todays-hours .hour-text {margin-left:30px;line-height:1.5em;font-size:12px;}

/**hourswms**/
.todays-hourswms {padding:4px; border:1px solid #aaa;width:210px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);}
.todays-hourswms h3 {display:block;margin:0px 0px 0px 0px; font-size: 16px; color: #454545; font-weight: bold;}
.todays-hourswms h3 span {display:inline-block;text-align:left;background:url(../public/images/icon_hours.png) no-repeat;text-indent:-60px;overflow:hidden;vertical-align:top;margin-top: 4px; padding-top: 4px;color:#aaa;width:50px;height:50px;}
.todays-hourswms .day {display:block; font-size: 14px; color: #555; }
.todays-hourswms .helpdesk {display:block;font-size: 13px; color:#555;font-weight:bold;}
.todays-hourswms .hour-text {margin-left:0px;line-height:1.5em;font-size:12px;}

/**hourswmsside**/
.todays-hourswmsside {margin-bottom:8px;padding:4px; border:1px solid #aaa;width:189px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);}
.todays-hourswmsside h3 {display:block;margin:0px 0px 0px 0px; font-size: 16px; color: #454545; font-weight: bold;}
.todays-hourswmsside h3 span {display:inline-block;text-align:left;background:url(../public/images/icon_hours.png) no-repeat;text-indent:-60px;overflow:hidden;vertical-align:top;margin-top: 4px; padding-top: 4px;color:#aaa;width:50px;height:50px;}
.todays-hourswmsside .day {display:block; font-size: 14px; color: #555; }
.todays-hourswmsside .helpdesk {display:block;font-size: 12px; color:#555;font-weight:bold;}
.todays-hourswmsside .hour-text {margin-left:0px;line-height:1.5em;font-size:12px;}


/*ask*/
.ask {padding:4px;border:1px solid #aaa;width:189px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);text-align:center;}

/*askwms*/
.askwms {padding:4px;border:1px solid #aaa;width:210px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);text-align:center; height: 95px; }

/*askwmsside*/
.askwmsside {margin-bottom:8px;padding:4px;border:1px solid #aaa;width:189px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);text-align:center; height: 85px;}

/*account*/
.account {padding:4px;border:1px solid #aaa;width:189px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);text-align:center;}

/*accountwms*/
.accountwms {margin-top: 0px; padding:4px;border:1px solid #aaa; width:210px; height: 95px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);text-align:center;}

/*accountwmsside*/
.accountwmsside {margin-top: 0px; margin-bottom: 8px; padding:4px;border:1px solid #aaa; width:189px; height: 85px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);text-align:center;}


/*accountnew*/
.accountnew {padding:4px;border:1px solid #aaa;width:189px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);text-align:center;  }





/**forms**/
form fieldset {margin:0px;padding:0px;border:0px;}
form fieldset ul {display:block;box-sizing:border-box;clear:both;margin:0;padding:0;list-style:none;}
form fieldset ul li {display:block;float:left;padding-right:5px;box-sizing:border-box;margin:0px 0px 5px 0px;}
form fieldset ul li label {display:block;box-sizing:border-box;}
form fieldset ul li.required label {background:url(../images/required.png) no-repeat 0px 6px;padding-left:12px;}
form fieldset ul li.required .multiSelectOptions label {background-image:none;padding-left:6px !important;}
form fieldset ul li input[type=text],form fieldset ul li input[type=password],form fieldset ul li select {display:block;box-sizing:border-box;width:100%;border:1px solid #ccc;padding:5px;}
form fieldset ul li select {padding:4px;}
form fieldset ul li textarea {width:100%;box-sizing:border-box;border:1px solid #ccc;}
button {cursor:pointer;border:1px solid #aaa;font-weight:bold;padding:6px;border-radius:3px;color:#444;background:#ddd;background-image:-webkit-linear-gradient(#f5f5f5,#d5d5d5);background-image:-moz-linear-gradient(#f5f5f5,$d5d5d5);background-image:linear-gradient(#f5f5f5,#d5d5d5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d5d5d5');}
button:hover {border-color:#880000;background:#a80000;background-image:-webkit-linear-gradient(#a80000,#880000);color:#fff;text-shadow:0px 0px 3px rbga(255,255,255,0.5);background-image:-moz-linear-gradient(#a80000,#880000);background-image:linear-gradient(#a80000,#880000);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a80000', endColorstr='#880000');box-shadow:0px 0px 3px rbga(0,0,0,0.5);}
button[disabled] ,button[disabled]:hover {background:#eee;background-image:none;filter:none;border-color:#aaa;color:#aaa;}
fieldset.vertical ul {display:table;width:100%;border-collapse:collapse;}
fieldset.vertical ul li {width:100%;display:table-row;}
fieldset.vertical ul li label {width:30%;display:table-cell;box-sizing:border-box;float:left;}
fieldset.vertical ul li input[type=text],fieldset.vertical ul li select,fieldset.vertical ul li textarea {float:left;width:60%;display:table-cell;box-sizing:border-box;}
.form-error {display:none;}
.missing .form-error {display:block;background-color:#a80000;background-image:url(../../nwciowa/images/caption-arrow.png);background-repeat:no-repeat;background-position:left top;padding:12px 6px 3px 6px;box-sizing:border-box;color:#fff;}
.success{	background:#F2F9CC;background-image: url(../../nwciowa/images/template/checkmark.png);	border:1px solid #ABC330;	color: #65751C;background-repeat:no-repeat;background-position:1% 50%;padding:12px 6px 12px 48px;border-radius:6px;margin:6px 0px;}
.popular {background:#ff6600;color:#fff;font-size:9px;display:inline-block;padding:2px;vertical-align:middle;border-radius:2px;}
.trial {background:#006699;color:#fff;font-size:9px;display:inline-block;padding:2px;vertical-align:middle;border-radius:2px;}
.details-toggle {display:none;cursor:pointer;min-height:12px;background: url(../images/comment-sm.png) no-repeat 3px 4px;color:#2472ae;font-size:9px;padding:2px 4px 4px 12px;vertical-align:middle;border-radius:3px;border:0px solid #2e6188;}
.databases-atoz .database-details {display:none;}
.databases-atoz .details-toggle {display:inline-block;}



/*popup*/
.popup {text-align: center; align: center; margin-left:auto;
margin-right:auto; border:1px solid #aaa; }
.popuptitle {background-color:#a80000; padding:6px; margin-top:0px; margin-left: auto; margin-right: auto; }
h4 {font-family: sans-serif; font-size: 20px; font-weight: bold; color: #fff; }
.popup p {font-family: sans-serif; font-size: 16px; font-weight: bold; padding:4px;border:1px solid #aaa; width:80%; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);text-align:center;margin-left:auto;
margin-right:auto;}


/*announcement*/
.announcement {border: 1px solid #a90000; margin-bottom:16px; margin-top: -12px; margin-right: 12px; padding:12px 12px 6px 12px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 30px rgba(168,0,0,0.07);  }
.announcement h3 {display:block;margin-top:0px; font-size: 16px; color: #454545; font-weight: bold;}
.announcement p {font-size: 12px;margin-right:12px;}

/*librarything*/
div#wc7b696c7fa595562a1e3aef727727c66.LT_header { font-weight:bold; font-size:24px; color: #000000; }
div#wc7b696c7fa595562a1e3aef727727c66.LT_header a { font-weight:bold; font-size:24px; color: #333333; }

/**searchboxwmscallout**/
.searchboxwmscallout {width:698px; height:260px; margin: 5px 0px 0px 10px; text-align:center; background: url(../public/images/bg_front4.jpg) no-repeat; border: 1px solid #aaa; box-shadow: 0 1px 1px rgba(0,0,0,0.25); position: relative;}
.searchboxwmscallout .overlay {width:460px; height: 180px; position: absolute; margin: 33px 22px; border: 2px solid #454545; text-align:center; background-color: #ececec; zoom: 1; filter: alpha(opacity=98); opacity: 0.98;   }
.searchboxwmscallout hr {height:1px;border:0px;border-top:1px solid #aaa;background:#eee;width:90%;}
.searchboxwmscallout h2 {font-size: 22px; text-align: center;}
.searchboxwmscallout .searchboxlinks a {color:#a90000; font-weight: bold; font-size: 14px;}
.searchboxwmscallout .searchboxlinks a:visited {color: #a90000; font-weight: bold; font-size: 14px;}
.searchboxwmscallout .searchboxlinks a:hover {color:#ffae45; text-decoration:underline; font-weight: bold; font-size: 14px;}
.searchboxwmscallout a {color:#fff; font-weight: bold; font-size: 14px;}
.searchboxwmscallout a:visited {color: #fff; font-weight: bold; font-size: 14px;}
.searchboxwmscallout a:hover {color:#ffae45; text-decoration:underline; font-weight: bold; font-size: 14px;}


/*callout*/
 .callout { width: 180px; background: #222; height: 261px; background: rgba(0,0,0,0.85); border-radius: 0px; background-images: -webkit-linear-gradient(#eee, #bbb); position: absolute; z-index: 99; left: 518px; top: -1px; }
.callout ul { list-style: none; padding: 0px; margin: 0px 0px; }
.callout ul li { display: block; vertical-align: middle; text-align: center; }
.callout ul li a:after { content: ''; display: block; position: absolute; border-top: 1px solid #111; border-bottom: 1px solid #333; }
.callout ul li:hover { background: #820000; background: rgba(168,0,0,0.95); box-shadow: 0px 0px 6px rgba(0,0,0,0.25) inset; margin-left: -10px; width: 200px; position: relative; }
.callout ul li:hover a:after { width: auto; bottom-bottom-color: transparent; }
.callout ul li:hover:before { content: ''; position: absolute; border-top: 10px solid rgba(130,0,0,0.95); border-left: 10px solid transparent; border-right: 0px solid transparent; position: absolute; bottom: -10px; left: 0px; }
.callout ul li:hover:after { content: ''; position: absolute; border-top: 10px solid rgba(130,0,0,0.95); border-right: 10px solid transparent; border-left: 0px solid transparent; position: absolute; bottom: -10px; right: 0px; }
.callout ul li:hover a { color: #ffae45; font-size: 16px; }
.callout ul li a { display: block; cursor: pointer; font-size: 14px; font-weight: bold; color: #ffffff; text-shadow: 0px 1px 0px rgba(0,0,0,0.25); height: 32px; line-height: 32px; margin: 0px 8px; }


/**searchboxdiscoverycallout**/
.searchboxdiscoverycallout {width:698px; height:260px; margin: 5px 0px 0px 10px; text-align:center; background: url(../public/images/bg_books.jpg) no-repeat; border: 1px solid #aaa; box-shadow: 0 1px 1px rgba(0,0,0,0.25); position: relative;}
.searchboxdiscoverycallout .overlay {width:460px; height: 166px; margin: 45px 25px; position: absolute; border: 1px solid #454545; text-align:center; background-color: #dedede; zoom: 1; filter: alpha(opacity=97); opacity: 0.97;   }
.searchboxdiscoverycallout hr {height:1px;border:0px;border-top:1px solid #aaa;background:#eee;width:90%;}
.searchboxdiscoverycallout .searchboxlinks a {color:#a90000; font-weight: bold; font-size: 14px;}
.searchboxdiscoverycallout .searchboxlinks a:visited {color: #a90000; font-weight: bold; font-size: 14px;}
.searchboxdiscoverycallout .searchboxlinks a:hover {color:#ffae45; text-decoration:underline; font-weight: bold; font-size: 14px;}
.searchboxdiscoverycallout a {color:#fff; font-weight: bold; font-size: 14px;}
.searchboxdiscoverycallout a:hover {color:#ffae45; text-decoration:underline; font-weight: bold; font-size: 14px;}
.advancedsearch a {	position: absolute; text-align: right; margin: 85px 20px 7px 300px;
			color: #a90000;
			text-decoration: none;
			font-weight: bold;
			font-size: 13px;
			font-family: Arial,Verdana, Geneva,sans, sans-serif;
		}

.advancedsearch a:hover {line-height: 14pt;
			color: #ffae45;
			text-decoration: none;
			font-weight: bold;
			font-size: 13px;
			text-align: right;
			float: right; font-family: Arial,Verdana, Geneva,sans, sans-serif;
		}
/*discoverycallout*/
 .discoverycallout { width: 180px; background: #222; height: 260px; background: rgba(0,0,0,0.85); border-radius: 0px; background-images: -webkit-linear-gradient(#eee, #bbb); position: absolute; z-index: 99; left: 518px; top: -1px; }
.discoverycallout ul { list-style: none; padding: 0px; margin: 0px 0px; }
.discoverycallout ul li { display: block; vertical-align: middle; text-align: center; }
.discoverycallout ul li a:after { content: ''; display: block; position: absolute; border-top: 1px solid #111; border-bottom: 1px solid #333; }
.discoverycallout ul li:hover { background: #820000; background: rgba(168,0,0,0.95); box-shadow: 0px 0px 6px rgba(0,0,0,0.25) inset; margin-left: -10px; width: 200px; position: relative; }
.discoverycallout ul li:hover a:after { width: auto; bottom-bottom-color: transparent; }
.discoverycallout ul li:hover:before { content: ''; position: absolute; border-top: 10px solid rgba(130,0,0,0.95); border-left: 10px solid transparent; border-right: 0px solid transparent; position: absolute; bottom: -10px; left: 0px; }
.discoverycallout ul li:hover:after { content: ''; position: absolute; border-top: 10px solid rgba(130,0,0,0.95); border-right: 10px solid transparent; border-left: 0px solid transparent; position: absolute; bottom: -10px; right: 0px; }
.discoverycallout ul li:hover a { color: #ffae45; font-size: 16px; }
.discoverycallout ul li a { display: block; cursor: pointer; font-size: 14px; font-weight: bold; color: #ffffff; text-shadow: 0px 1px 0px rgba(0,0,0,0.25); height: 36px; line-height: 36px; margin: 0px 8px; }
