/* Default StyleSheet*/
/***** General Page Styling *****/
	html, body {height:100%; width:100%; /* overflow:auto; */ background: white /*url("http://www.pulaskipubliclibrary.org/TLCImages/bg.jpg") fixed center 200px no-repeat*/;}
	body {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:10pt;}
	img {padding:0px; margin:0px; border:0px;}

	p, table, tr, td { font-size: 10pt; }
	form, input {margin:0px; padding:0px;}

	a, a:link { text-decoration: underline; }
	a:visited { text-decoration: underline; }
	a:hover, a:visited:hover { text-decoration: none; }

	.button {height:24px; _height:26px; color: #ffffff; width: auto; overflow: visible; padding: 0 2px;}
	.clickable {cursor:pointer;}
	.shadow {position:absolute; top:7px; left:7px; opacity:.3; background:#003; filter:alpha(opacity=30); width:100%; height:100%; _height:expression(this.nextSibling.clientHeight + 'px'); _width:expression(this.nextSibling.clientWidth + 'px');}
	.hidden {display:none;}

	#editpane {position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:99;
			background:#000; opacity:.4; filter:alpha(opacity=40);
			_position:absolute; /*_width:expression(document.body.clientWidth + 20 + 'px'); _height:expression(document.body.scrollHeight + 30 + 'px');*/
			/*_width:expression(document.body.scrollWidth + 'px'); _height:expression(document.body.scrollHeight + 'px');*/}
	.popup { display:none; position:fixed; _position:absolute; width:auto; height:auto; left:-10000px; top:-10000px; z-index:100; border: solid 1px #044AAC; }
	.PopUpTitle {text-align:left; font-weight:bold; padding:2px; }
	.PopUpTitle img {float:right;}
	.popcontent {padding:5px; margin: 0; }
	
	table.nowrap td {white-space:nowrap; cursor:default;}
	table.nowrap th {white-space:nowrap;}
	table#reservestable td div {position:relative; overflow:hidden; width:100%; white-space:nowrap;}
	
	#programsbuttonsdiv { margin: 5px; width: 100%; }
			
/***** Previous, Next, Return to Results *****/
	#labelbuttons { padding: 0px 0 10px 0; margin: 10px 0 0 0;}

	#contentwrapper { position:relative; padding:10px; width: auto; }

/***** Search Form Styles *****/
	.HorizontalDivider{position:relative; background:#000; width:90%; font-size:0px; margin:5px 0 5px 5%; height:1px; }

	#sortpanel {text-align:center; padding:2px;}
	#resultfoot {margin:10px 10px; text-align:center;}
	.print, .savelist {float:right;}
	
	#SearchForm {padding:3px; border-top:1px solid;}
	#searchbar {position:relative; left:0px; bottom:0px; width:100%; _position:relative; border:1px solid; border-left:0; border-right: 0; font-size:10pt; }
	#searchbargadget {position:relative; width:100%; height:8px; overflow:hidden;}
	#searching {position:absolute; top:0px; left:-50px; z-index:1;}
	#hider {position:absolute; top:0px; left:0px; z-index:1;}

	#searchbar form {margin:0px; padding:3px; border-top:1px solid;}
	#searchbar td {font-size:1em; vertical-align:middle;}
	.searchform {border:1px solid; padding:2px; margin:1px 5px; font-size:1em;}
	.searchformselect {border:1px solid; margin:1px 5px; font-size:1em;}
	.searchformselect option {padding:1px;}

	#SortBySpan { font-weight:bold; }

/*Options Pop-up*/
	#searchoptions {display:none; z-index:100; position:fixed; _position:absolute; width:300px; height:220px; top:50%; left:50%; margin-left:-150px; margin-top:-100px; _margin-top:0px; }
	#searchoptions table {position:relative; border:1px solid; width:100%; height:100%; z-index:3}
	#searchoptions .head {position:relative; padding:2px;}

	.readprogfieldset { padding:2px; margin:2px; display:inline; white-space: nowrap; }
	.readprogfieldsetmain { }

	#transparentframe, #transparentframe2 { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; }
	#messagepanel { position:relative; font-weight:bold; margin:5px 0 0 5px; /*_height:1%; *height:1%;*/ }

/*Limits Pop-up*/
	#SetLimitsFrame {position:relative; width:100%; height:100%;}
	#SetLimitswindow {position:absolute; width:450px; margin-left:-225px; height:415px; margin-top:-207px; top:50%; left:50%; text-align:center; z-index:100; }


/******************************************Various Pages***************************************************/
/***** Tabbed Search Form *****/
	#wrapper {width: 760px;}
 
	#tabsdiv {width: 690px;}
	#formcontainer {position: relative; clear: left; border: #000 1px solid; z-index: 1;}

	#branchdiv {padding: 10px;}

	#searchdiv 		{ display: block; margin: 0px; padding: 10px; }
	#combindiv 		{ display: none; margin: 0px; padding: 10px; }
	#browsediv 		{ display: none; margin: 0px; padding: 10px; }
	#newitemsdiv 	{ display: none; margin: 0px; padding: 10px; }
	#readprogsdiv 	{ display: none; margin: 0px; padding: 10px; }
	#abldiv 		{ display: none; margin: 0px; padding: 10px; }

	#BranchesForm { margin-top: 0px; margin-bottom: 0px; }

	#NewItemsTD { display: none; }
 
	.tabon { float: left; margin-right: 3px; padding: 5px; font-size: 9pt; font-weight: normal; color: #000; cursor: pointer; position: relative; top: 2px; border: #000 1px solid; border-bottom: none; z-index: 2 }
	.taboff { float: left; margin-right: 3px; padding: 5px; font-size: 9pt; font-weight: normal; color: #000; cursor: pointer; position: relative; top: 2px; border: #000 1px solid; z-index: 0; }
 
	.tab { color: #000; font-weight: normal; text-decoration: none; } 
	a.tab, a.tab:link, a.tab:visited { color: #000; font-weight: normal; text-decoration: none; }
	a.tab:hover, a.tab:visited:hover { color: #000; font-weight: normal; text-decoration: underline; }

	.smalltext { font-size: 9pt; color: #000; font-weight: normal; }
	.smallgrey { font-size: 8pt; color: #777; font-weight: normal; margin-left: 80px; }
	.tlc { font-family: arial; color: #999999; font-size: 8pt; font-weight: normal; }

	.formclass { margin: 0px; padding: 0px; }

	#ResultMsgDiv {position:relative; /*height:100%;*/ z-index:3; text-align: center; padding: 20px; }

/***** logon page ******/
	#logon { padding: 40px 0 0 0; }
	#logonform { width: 400px; }
	
	#logonnote1 { padding: 10px; }
	#logonnote2 { padding: 10px; }
	
	.alert {  }

	#failed { padding: 10px 20px 25px 20px; width: 300px; margin: 10px 0 0 0; }


/****** Search History *****/
	#history { position:relative; }
	#history th { font-size: 12pt; font-weight: bold; }
	#history td {  padding: 2px 2px 2px 8px; font-size: 11pt; }

	#history_message { font-size: 11pt; margin: 20px 0 0 0; }


/***** Save My Search *****/
	.window {position:fixed; _position:absolute; top:50%; left:50%; border:1px solid #000; z-index:101;}

	.close {float:right; cursor:pointer;}

	#savesearchwindow {/*width:300px; height:200px; margin:-100px 0 0 -150px;*/}
	#savesearchwindow iframe {position:relative; /*width:100%; height:100%;*/}
	#SaveSearchResultsDiv { margin-top: 20px; }
	#SaveSearchResultsMessageDiv { font-weight: bold; font-size: large; }

/***** Limits Page *****/
	#LimitsFormBody { background-image: none; margin: 0; }
	#LimitsPageDiv { padding: 10px; margin-left: auto; margin-right: auto; width: 100%; }
	.LimitsPageSelect { width:100%; *width:95%; _width:95%; }
	.LimitsPageFieldSet { padding:3px; border:1px solid #000; }

/******************************************************************************************************************************/

/**** Toolbar ******/
	#toolbar {position:relative; min-height:26px; width:auto; }
	#SignedInMsg { color: #ff0000; font-weight: bold; font-style: italic }

/**** Place Hold Dialog ****/
	span.head { font-weight: bold }
	#PlaceHoldTitle { color: #990000; font-weight: bold; }
	.LocationAvailableCount { font-style: italic; }
	#PlaceHoldLocationsHeader { font-weight: bold; }
	#AvailableLocationsDiv { border: solid 1px black; }
	.ScrollableLocations { width: 100%; max-height: 175px; _height:expression(this.scrollHeight > 176 ?  "175px" : "auto"); overflow: auto; overflow-x: hidden; }
	.PlaceHoldResultsScrollBig { width: 100%; margin-bottom: 10px; max-height: 290px; _height:expression(this.scrollHeight > 291 ?  "290px" : "auto"); overflow: auto; overflow-x: hidden; }
	.PlaceHoldResultsScrollSmall { width: 100%; margin-bottom: 10px; max-height: 105px; _height:expression(this.scrollHeight > 106 ?  "116px" : "auto"); overflow: auto; overflow-x: hidden; }
	#HoldItemsFieldSet { padding: 5px; margin: 5px 0 10px 0; }
	#PlaceHoldAvailableLocations { margin: 5px; }
	#HoldItemsDiv { border: 1px solid black; }
	fieldset {padding:3px; border:1px solid #000;}
	fieldset legend { font-style: italic; font-weight: bold; }
	#SerialItemOuterTable tr th { padding: 5px; }
	#SerialItemOuterTable tr td { padding: 0 5px 5px 5px; }
	#SerialItemInnerTable { width: 100%; margin-left: 1cm; margin-bottom: 10px; }
	.SerialItemTableHeader { font-weight: bold; }
	#PlaceHoldLogonBox { margin: 10px; }
	#PlaceHoldResultsDiv { margin: 10px; }
	#HoldFormContainer { width: 750px; }
	#HoldFormButtonContainer { margin: 10px; }
	.ErrorWithToolTip { font-weight: bold; color: Red; cursor:help; border-bottom: 2px dotted red; }
	
	#paginglinks {position:relative; height:100%;}
	#paginglinks td {text-align:center; width:20px; font-size:10pt;}
	#paginglinks span {font-weight:bold; color:#000000;}
	#paginglinks a {font-weight:normal; color:#FFFFCC;}
	#paginglinks a.biglink {color:#0000ff;}
	#paginglinks td#prev, #paginglinks td#next {width:auto; padding:0 20px 0 20px;}
	#paginglinks td#prev a, #paginglinks td#next a {text-decoration: none; color:#000000;}
	
	.copywrite {font-family:arial; color:#999999; font-size:8pt; font-weight:normal; margin:5px; text-align:center;}
	
	/***** RP Editor ****/
	#RPEDIT { padding: 10px 20px 25px 20px; width: 615px; margin: 10px 0 0 0; }

/***** Calendar *****/
#calendar table tr td, #selectMonth table tr td, #selectYear table tr td { font-size:11px; }
#calendar .droplist {padding:2px;font-family:arial; font-size:11px; color: White;}
	
@media print
{
	body {font-family:Arial, Helvetica, sans-serif; background: white;}
	
	#banner {background:white; height:auto; width:98%; border-bottom:1px solid #000; margin-bottom:10px;}
	#banner div {display:inline; font-size:16pt; color:#000;}
	
	#toolbar, #resultfoot, #searchbar, .shadow, .controls {display:none;}
}