/* BLACKBOOK PRODUCTION */
/* Dantek a/s */

/* CSS for BookingWeb */

.Background  
{
	Background-color: #666666; 
	margin: 0px 10px 0px 10px;
}

/* Options */

.OptionsColor
{
	background-color: #0066cc; /* s_ew_Darkblue */
}

.Options
{
	width: 760px;
  	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: #0066cc; /* s_ew_Darkblue */
}
.Options#patronInfoOptions
{
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-left:1em;
	padding-right:1em;
	text-align:left;	
}
.OptionsSeperator
{
	width: 760px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: #99ccff; /* s_ew_SeperatorColor */
}

/* Secondary Options */

.SecondaryOptionsColor
{
	background-color: #3399ff; /* s_ew_SecondaryOptionsColor */
}

.SecondaryOptions
{
	width: 760px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: #3399ff; /* s_ew_SecondaryOptionsColor */
}

/* Tips */

.tipsTable
{
	width: 760px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: #0066cc; /* s_ew_Darkblue */
}

.hintsTable
{
	width: 760px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: #0066cc; /* s_ew_Darkblue */
}

/* Seperator */

.Seperator
{
	width: 760px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: #3399ff; /* s_ew_SeperatorColor */
}

/* result */
.inverted
{
	background-color: #FF9900;
}
.overLibfgclass
{
	background-color: #99CCFF;
	color: #000000;
	font-family:geneva, verdana, arial, sans-serif;
	font-size: 10px;
}

.overLibtextfontclass
{
	color: #000000;
	font-family: geneva, verdana, arial, sans-serif;
	font-size: 10px;
}


.result_history
{
	border-right: solid 1px ;
	border-top: solid 1px;
	font-weight: bold;
	font-size: 12px;
	border-left: solid 1px;
	/* width: 240px; */
	width: 100%;
	color: white;
	border-bottom: solid 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #0066cc; /* s_ew_Darkblue */
}
.result_itemcount
{
	font-weight: bold;
	font-size: 12px;
	width: 165px;
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #0066cc; /* s_ew_Darkblue */
}
.result_select_max{
	border-right: solid 1px;
	border-top: solid 1px;
	font-weight: bold;
	font-size: 12px;
	border-left: solid 1px;
	width: 60px;
	color: white;
	border-bottom: solid 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color:  #0066cc; /* s_ew_Darkblue */
}

/* result list */

.Result_Header_Advanced { font: 12px geneva, verdana, arial, sans-serif; color: #FFFFFF; }

A.Result_Header_Advanced, A.Result_Header_Advanced:link, A.Result_Header_Advanced:visited 
	{ font: 12px geneva, verdana, arial, sans-serif; color: #FFFFFF;  text-decoration: none;}
A.Result_Header_Advanced:active, A.Result_Header_Advanced:hover 
	{ font: 12px geneva, verdana, arial, sans-serif; color: #FFFFFF;  text-decoration: underline;}


/* header */

.selectBranchLabel
	{ font: 12px geneva, verdana, arial, sans-serif; color:black; }


/* FrontCoverGallery */
.FrontCoverGalleryMainTable
{
	border-collapse: collapse;
	background-color: White;
	width: 760px;
}

td.FrontCoverGalleryMainTable
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left:5px;
	vertical-align: top;
	text-align: center;
	width: 150px;
}

.FrontCoverMainTable
{
	border: solid 1px #3399ff;
	background-color: #f0f8ff;
	width: 140px;
	border-collapse: collapse;
	table-layout: fixed;
}

.FrontCoverMainTable td
{
	text-align: left;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 1px #3399ff;
	font: 10px geneva, verdana, arial, sans-serif
}

td.FrontCoverImage
{
	text-align: center;
}

.FrontCoverImage img
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:10px;
	width: 100px;
	text-align:center;
	
}

img.FrontCoverNoImage
{
	width: auto;
	text-align:center;
	
}

.FrontCoverButtons td
{
	border-bottom: none;
	color: Black;
	vertical-align:top;
}

/* TopLoans */

.TopLoansMainTable
{
	border-collapse: collapse;
	background-color: White;
	width: 760px;
	text-align:center;
}
.shim
{
	background-color:#ffffff;
	height:18px;	
}

.TopLoansHeaderTable
{
	border: solid 2px #3399ff;
	background-color: #f0f8ff;
	width: 740px;
	border-collapse: collapse;
	table-layout: fixed;
	vertical-align: bottom;
	text-align:center;

	
	
}
.TopLoansHeaderTable tr td
{
	text-align: center;

}

.TopLoansHeaderTable #lblTopList
{
	font: 20px geneva, verdana, arial, sans-serif; 
	font-weight:bold;
	color: #000000;
	bottom: 20px;
	height:30px;
}

.TopLoansHeaderTable #lblTopListSub
{
	font: 10px geneva, verdana, arial, sans-serif; 
	color: #000000;
}

.TopLoansItemTable
{
	border: solid 2px #3399ff;
	background-color: #f0f8ff;
	width: 740px;
	height: 150px;
	border-collapse: collapse;
	table-layout: fixed;
}

.TopLoansItemTable tr
{
	border:none;
	font: 12px geneva, verdana, arial, sans-serif;
	color: #000000; 
}

.TopLoansItemTable td
{
	font: 12px geneva, verdana, arial, sans-serif;
	color: #000000; 
	padding:10px;
	/*
	text-align:left;
	*/
}
.frequency
{
	width:15%;	
}
td.numberOnTheList
{
	width: 5%;
	text-align:center;
}
td.CoverImage
{
	text-align:center;
	width: 15%;
}

td.CoverImage input[src~="iconer"]
{
	height:100%;

}


.Title
{
	width: 45%;
}

.availability
{
	width:20%;
	padding: 0px;
	text-align:left;
	padding-left: 2px;
	padding-right: 2px;
}

.imageCells tr
{
	height: 30%;
	text-align:left;
	padding:0px;
}

.imageCells td
{
	text-align:left;
	padding-right:5px;	
}

.TopLoansSepartor
{
	background-color:#ffffff;
	height:5px;	
}


/* AgeBar */
.AgeBar, .AgeBarSelected, .AgeBarSelectedChanged
{
	font-weight: bold;
	font-size: x-small;
	font-family: 'Arial Narrow';
	text-align: center;
}
table.AgeBar
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	border-collapse: collapse;
	cursor: pointer;
}
td.AgeBar
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	background-color: White;
	color: Black;
	width: 16px;
}
td.AgeBarSelected
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	background-color: #99CCFF;
	color: Black;
	width: 16px;
}
td.AgeBarSelectedChanged
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	background-color: #ffb27f;
	color: Black;
	width: 16px;
}
SubjectWordsPopupSubjectWordsTable
{
	font: 12px geneva, verdana, arial, sans-serif; color: #000000;
}
table.SubjectWordsPopupSubjectWordsTable
{

} 

td.SubjectWordsPopupSubjectWordsTableItem
{
	font: 12px geneva, verdana, arial, sans-serif; color: #000000;
	border-bottom: solid 1px #3399FF;
}

td.SubjectWordsTableHeader
{
	font: 12px geneva, verdana, arial, sans-serif; 
	color: White;
	background-color: #3399FF;
	
} 
td.SubjectWordsRecordDetailsItem
{
	font: 12px/300% geneva, verdana, arial, sans-serif;
	color: black;
	background-color: #f0f8ff;
}
td.SubjectWordsTableItem
{
	font: 12px geneva, verdana, arial, sans-serif; 
	color: #000000;
	border-bottom: solid 1px #3399FF;
}

/* simple search */

.SimpleSearchLabels
{
	font-weight: bold;
	font-size: small;
	color: white;
	font-family: Arial;
}

/* Gode Ideer */

.GodeIdeerHistory
{
	width: 100px;
	overflow: hidden;
	color: Black;
	font: 10px geneva, verdana, arial, sans-serif; 
}
.GodeIdeerSubject
{
	font-size: 14px;
	overflow: hidden;
	width: 202px;
	color: black;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.Clickable
{
	cursor: pointer;
}
img.RemoteSystemIcon
{
	width: auto;
	height: 16px;
	cursor: pointer;
	display: inline;
}
div.Ratio
{
	background-color: Silver;
	height: 16px;
	width: 8px;
	overflow: hidden;
	position: relative;
	border-right: solid 1px DimGray;
	border-top: solid 1px Gray;
	
}
div.Ratio div
{	
	overflow: hidden;
	width: 100%;
	position: absolute; 
	height: 100%;
}
.LightBackground
{
	background-color: #f0f8ff;
}
.ScanFrameWidth
{
	width: 320px;
	vertical-align:middle;
}
.container
{
	text-align:center;	
	border-width:0px;
	border-style:none;
	padding:0px;
	margin:0px;
	border-spacing:0px;
	border-collapse:collapse;
	width:100%;
	height:500px;
	
}
/* Logn method */
#loginmethod
{
	text-align:left;
	border: 0;
	background:url('Images/login_background_body_tile.gif');
	width: 220px;
	margin-top:50px;
	margin-bottom:50px;
}
.loginmethodtext
{
	font-size:14px;
	/*font-family: Franklin Gothic Demi Cond, geneva, verdana, arial, sans-serif;*/
	color: #000000;
	text-decoration: none;
	/*text-align:left;*/
	padding:10px;
}
#loginmethodheader
{
	/*text-align:center;*/
	font-size:10px;
	font-family: Arial Black;
	color: #ffffff;
	padding:0px 10px 0px 10px;
	margin-left:10px;
	width:100%;
	height:30px;
	background: url('Images/login_background_header.gif');
}
#loginmethodcancel
{
	text-align:right;
	padding:5px 10px 5px 10px;	
}

/* Multiple UNI-Logins */

#multiple_uni_login
{
	text-align:left;
	border-width: 0;
	border-collapse:collapse;
	border-style:none;
	background:url('Images/login_background_body_tile.gif');
}
.multiple_uni_login_header

{
	/*text-align:center;*/
	font-size:10px;
	font-family: Arial Black;
	color: #ffffff;
	padding:0px 10px 0px 10px;
	margin-left:10px;
	/*width:50%;*/
	height:30px;
	background-color:#000000;
}	
.multiple_uni_login_header tr td
{
	border-width: 0;
	border-collapse:collapse;
	border-style:none;
}
.multiple_uni_login_item
{
	font-size:14px;
	color: #000000;
	text-decoration: none;
	padding:10px;
}

#number
{
	width:20%;	
}
#name
{
	width:80%;
}

#multiple_uni_login_cancel
{
	text-align:right;
	padding:5px 10px 5px 10px;
	background-image:none;
}

#unilogin_content
{
	width:350px;
	text-align:left;	
}