body
{
    font: 70% Verdana;
    margin: 0;
    padding: 0;
    color:#333;
}

body form
{
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
}

table
{
   font-family: Verdana;
   font-size: 100%;
}

img
{
	border:0px;	
}

a 
{
    font-weight:normal;
    color: #BF2C37;
    text-decoration: underline;
}  

a.payResource
{
	padding:  0 20px 0 0;
	background: url(images/padlock.gif) no-repeat 100% 50%;
	display: inline-block;
	vertical-align: bottom;
}

p
{
    margin: 0 0 1em 0; 
    padding: 0; 
}
   
.rootContainer
{
	width: 960px;	
}

.contentContainer
{
	float:left;
	overflow:hidden;
}


.icon 
{
	background-repeat: no-repeat;
}


.functionBoxLinks
{
	color:#000;
}


 .rss 
{
	background-image: url(/Templates/Webb2007/Public/Styles/UUB/images/rss.gif);
	background-position: 0pt 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 16px;
}

.formatlink a
{
	font-weight:normal;
	text-decoration:none !important;
	color:#000;	
}

.formatlink a:hover
{
	font-weight:normal;
	text-decoration:underline !important;
	color:#000;	
}

.formatli
{
	list-style-type: none;
	margin-bottom:10px;
}

.formatli h3 a:hover
{
	text-decoration:underline !important;
}

.formatquo
{
	color: #BF2C37;
}

.strong a
{
	font-weight:bold !important;
	text-decoration:none !important;
	color:#000;	
}

/*
h1 {font-weight: normal; font-size: 1.8em; line-height: 1.4em; padding: 0; margin: 0.2em 0;}
h2 {font-weight: bold; font-size: 1.4em; padding: 0; margin: 0.2em 0;}
h3 {font-weight: bold; font-size: 1.2em; padding: 0; margin: 0.4em 0;}
h4 {font-weight: bold; font-size: 1.1em; padding: 0; margin: 0.4em 0;}
*/

h1 {font-weight: normal; font-size: 1.8em; line-height: 1.4em; padding: 0; margin: 0.2em 0; margin-bottom:0.8em; }
h2 { font-family: font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 1.4em; padding: 0; margin-top: 1.5em; margin-bottom: 0.4em;}
h3 {font-family: arial;font-weight: bold; font-size: 1.2em; padding: 0; margin: margin-top: 1.4em; margin-bottom: 0.3em;}
h4 {font-weight: bold; font-size: 1.0em; padding: 0; margin-top: 1.4em; margin-bottom: 0.1em;}



.linkspacer
{
	float:left;
}

.spacer
{
	clear:both;
}
.manualspacer
{
	padding-top:3px;
	margin-top:3px;
}

.genericSpacer
{
	float:left;
}

.genercSpacer5
{
	margin-right:5px;
}

.genercSpacer10
{
	margin-right:10px;
}

.genercSpacer15
{
	margin-right:15px;
}

.genercSpacer20
{
	margin-right:20px;
}

/* header ____________________________________ */

.header
{
	display:none;
}

.Logotype
{
	float:left;
	width:200px;
}

.HeaderSiteNamePlaceHolder
{
	float:left;
}

.HeaderSiteName
{
	width:600px;
	color:#fff;
	font-size:18pt;
	margin:0em;
	padding:3.5em 0em 0em 1em;

}

#Functions
{
	position: absolute;
	left: 680px;
	top: 5px;
	width: 250px;
	display:block;
	padding: 10px;
	background-color:#DEDEE8;
}

#Functions a
{
	padding: 0px 0px 1px 0px;
	margin-left:5px;
	margin-right:5px;
	color:#000;
	text-decoration:none;
}

#Functions a:hover
{
	text-decoration:underline;
}

#Functions div
{
	margin: 5px 0px 0px 0px;
}

#Functions input
{
	margin-left: 5px;
	padding: 2px;
	font-family:Verdana;

}

/* Top Navigation ____________________________________ */

.pageNavigation
{
	display:none;
}


.menuheaddivider
{
	padding: 0.4em 0em 0.4em 0em !important;
	margin:0;
	color:#FFF;	
}

.menuhead
{
	
}

.activemenuheadselected
{
    /*background-color: #F5AA45;*/
    color:#fff !important;
    height:2em;
    background-color:#DEDEE8 !important;
}

.activemenuheadselected a
{
    color:#000 !important;
}

.activemenuhead
{
    /*background-color: #F5AA45;*/
    height:2em;
    background-color:#DEDEE8;
}

.contentWrapper
{
	margin:0px;
	padding:0px;
}

/* sub menu */



.navMenu 
{
	display:none;
}



.active {
   background-color:#DEDEE8 !important;
}

.quote
{
    font-weight:normal;
    color: #BF2C37;
    text-decoration:none;	
}

.subMenu
{
	width:195px;
	float:left;
	margin-right:10px;
	margin-top:0px;
}



.subMenu .selected
{
	background-color:#DEDEE8;
}

.subMenu ul
{
	list-style: none;
	text-decoration:none;
	margin:0px;
	padding:0px;
}
/*
.subMenu ul li
{
	list-style: none;
	text-decoration:none;
	margin:0px 0px 0px 5px;
	padding:0px;
}

.subMenu ul li a
{
	color:#000;
	font-size:8.5pt;
}
*/
.subMenuHead
{
	margin:0px;
	padding:0px;
}

.subMenuHead img
{
	border:0px;
	margin:0px;
	padding:0px;
}

.subMenuHeading
{
	background-color:#fff;	
	margin-left:5px;
}

.subMenuHeading a
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.subMenuHeading a:hover
{
	text-decoration:underline;
}

.subMenuBody
{
	background-color:#fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*
.subMenuBody ul
{
  background-color:#fff;
  list-style-type: none; 
  color: white; 
}

.subMenuBody ul li
{
	color:#000;
	font-size:1em;
	list-style-image:url('images/raquot.png');
	list-style-position:outside;
	background-color:#fff;	
	margin:0px 0px 0px 15px;
	padding:3px 0px 0px 0px;
}

.subMenuBody ul li a
{
	color:#000;
	display: block;	
	margin:0px;
	padding:0px;
}

.subMenuItem
{	
	margin:0px;
	padding:0px;
}

.subMenuItemSelected
{
	color:#000 !important;
	font-weight:bold;
	background-color:#DEDEE8;
	margin:0px;
	padding:0px;
}

#SubMenuArea
{
	background-color:#fff !important;
    float: left;
    margin-left:1em;
}
*/

.subMenuFooter
{
	background-color:Aqua;
	height:100%;	
}

#SubMenuHeader
{
    background-color: #fff;
    color: #000 !important;
    height: 2em;
    text-transform: uppercase;
    padding-left: 0.4em;
    overflow: hidden;
}


#SubMenuList
{
    list-style-type: none;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
}

#SubMenuList li
{
    background-color: #fff;
    color: #BF2C37;
    padding: 0em 0em 0em 0em !important;
    text-indent: -0.9em;
}

#SubMenuList li.expanded
{
    background-color: #DEDEE8;
    color: #BF2C37;
    padding: 0em 0em 0em 0.5em !important;
    text-indent: -0.9em;
}

#SubMenuList li a
{
	color:#000;
    text-decoration: none;
}

#SubMenuList li a:hover
{
    text-decoration: underline;
}

#SubMenuList ul
{
    background-color: #fff;
    list-style-type: none;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0.9em 1em;
}

#SubMenuList ul li
{
    background-color: #fff;
    margin: 0;
    padding: 0;
    border: none;
    padding:0em 0em 0em 0em;
    margin: 0em 0em 0.2em 0em;
}

.navcontainer
{
	background-color:#fff;
}

.navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.navcontainer li { margin: 0; }

.navcontainer a
{
	display: block;
	color: #FFF;
	background-color: #036;
	width: 9em;
	padding: 3px 12px 3px 8px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.navcontainer a:hover
{
	
	color: #FFF;
}

.navcontainer li li a
{
	display: block;
	color: #FFF;
	
	width: 9em;
	padding: 3px 12px 3px 8px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.subMenuFooter
{
	margin:0px;
	padding:0px;
	height:50px;
	background-color:#fff;	
}

/* collections */

.collectionBox
{
	width:520px;
	min-height:85px;
	float:left;
	clear:both;
	background-color:#DEDEE8 !important;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:10px;
}

.collectionImage
{
	float:left;
	height:60px;
	width:60px;
	margin:10px 0px 10px 10px;
	padding-right:10px;
}

.collectionImage img
{
	border:solid 1px #b2b6cb;	
}

.collectionImageNoImage
{
	float:left;
	height:60px;
	width:60px;
	margin:10px 0px 10px 10px;
	padding-right:10px;
}

.collectionImageNoImage img
{
	border:solid 1px #DEDEE8;	
}

.collectionContent
{
	float:left;
	height:60px;
	width:440px;
	margin:10px 0px 10px 0px;
}

.collectionBodyHeader
{
	font-weight:bold;
}

.collectionBody
{
	margin:0px 0px 5px 0px;
}

.collectionLink
{
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
}

/*********************************************************************************8
 * LibraryPageSubjects
 */

.FrontPageSubjectsBox
{
	margin:15px 5px 40px 0px;
	padding-bottom:40px;
}

.FrontPageSubjectsItemHead
{
    background-color:#DEDEE8;
    height:1em;
    /*
    border:solid 1px #e7e7ef;
    background-image:url(images/List.jpg);
    background-repeat:no-repeat;
	*/
    padding:5px; 
    font-weight: bold;
    color:#000; 
 
}

.FrontPageSubjectsItemHead p
{
	padding:0;
	margin:0;
	text-transform:uppercase;
}

.FrontPageSubjectsItem
{
    padding:0px; 
    /*border-top:solid 1px #9c9ca4; */
}
.FrontPageSubjectsItem p
{
    margin-bottom:0;
}

/*********************************************************************************8
 * FrontPageSubjects
 */
 
 /*Ämnesguider*/
 
 .FPageSubjectsBox
{
    border:solid 1px #9c9ca4; 
    margin-bottom:20px;
}
.FPageSubjectsColumnItemHead
{
    background-color:#c6c6d6; 
    padding:5px; 
    font-weight: bold;
    color:#000; 
    border:solid 1px #e7e7ef; 
}
.FPageSubjectsColumnItem
{
    padding:10px; 
    border-top:solid 1px #9c9ca4; 
}
.FPageSubjectsColumnItem p
{
    margin-bottom:0;
}

 
 /*Ämnesguider slut*/

#FPageSubjects
{
	clear: both;
	overflow: auto;
	width: 100%;
}

#FPageSubjects a
{
	color: #333333;
	text-decoration: none;
}

#FPageSubjects a:hover
{
	text-decoration: underline;
}

.FPageSubjectsLeftColumn
{
	float: left;
    width:50%;
}
.FPageSubjectsRightColumn
{
	float: left;
    width:50%;
}

.FPageSubjectsLeftColumn ul
{
	margin: 0;
	padding:10px;
}

.FPageSubjectsLeftColumn ul ul
{
	margin-left: 10px;
	list-style-type: disc;
	list-style-position: outside;
}


.FPageSubjectsRightColumn ul
{
	margin: 0;
	padding:10px;
}

.FPageSubjectsRightColumn ul ul
{
	margin-left: 10px;
	list-style-type: disc;
	list-style-position: outside;
}


.SubjectLevel1
{
	list-style-image: none;
	list-style-type: none;
	margin-top: 3px;
	font-weight:bold;
}

.SubjectLevel2
{
	font-weight:normal;
	clear: both;
	list-style-type: none;
}
#FrontPageSubjects li.SubjectLevel2 a
{
	text-decoration: none;

}
#FrontPageSubjects li.SubjectLevel2 a:hover
{
	text-decoration: underline;
}


.AlphaNumericalListingDetails a
{
	text-decoration: none;
}
.AlphaNumericalListingDetails a:hover
{
	text-decoration: underline;
}

.AlphaNumericListingLink
{
	color: #333333;
	text-decoration: none;
	font-weight:bold;
	font-size: 1.2em;
}

.AlphaNumericListingNoneLink
{
	color: #aaaaaa;
	text-decoration: none;
	font-weight:bold;
	font-size: 1.2em;
}

.AlphaNumericListingLinkActive
{
	color: #990000;
	text-decoration: underline;
	font-size: 1.2em;
}


.RightColumnChangedPagesHead
{
	font-size: 1em;
}

q:before, q:after { content: ""; }


/* Library */


.LibraryContainer
{
	margin:0px 0px 30px 0px;
	padding:0px 0px 30px 0px;
	width:540px;
}

.LibraryHeading
{
	float:left;
	width: 100px;
}

.LibraryInfo
{
	float:right;
	width: 400px;
}

.LibraryPadding
{
	margin:10px 0px 10px 0px;
	padding:10px 0px 10px 0px;
}

.LibraryItem
{
	
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


.LibraryItemContainer
{
	clear:both;
	width: 540px;
	margin:0px 10px 0px 0px;
	padding:10px 0px 0px 0px;
}

.LibraryBox
{
	width:531px;
	margin:0px;
	padding:0px;
	float:left;
    border-right:solid 1px gray;    
    border-left:solid 1px gray;
    border-bottom:solid 1px gray;

}

.LibraryBox p 
{
	padding: 0px 0px 0px 5px;
	margin:5px 0px 5px 0px;
}

.LibraryBoxHeader
{
    border-right:solid 1px gray;    
    border-left:solid 1px gray;
    border-top:solid 1px gray;
	font-weight:bold;
	background-color:#E0E0E0;
	border-bottom:solid 1px gray;
}

.LibraryBoxHeader p 
{
	padding: 0px 0px 0px 3px;
	margin: 0px;
}

.LibraryHoursStart
{
	width:75px;
	float:left;
    border-top:solid 1px gray;
    border-bottom:solid 1px gray;
    border-left:solid 1px gray;
}
.LibraryHoursEnd
{
	width:75px;
	float:left;
    border:solid 1px gray;
}
.LibraryHours
{
	width:75px;
	float:left;
    border-top:solid 1px gray;
    border-bottom:solid 1px gray;
    border-left:solid 1px gray;
}

.LibraryHoursHeader
{
	font-weight:bold;
	background-color:#E0E0E0;
	border-bottom:solid 1px gray;
	padding: 5px 0px 5px 5px;
	margin: 0;
	text-align:center;
}

.LibraryHoursHeader p
{
	margin-left:3px;
}

.LibraryHoursInfo
{
	padding: 5px 0px 5px 0px;
	margin: 0;
	text-align:center;
}

.introduction 
{
    font-style:normal;
    font-weight:bold;
}




 /* page content elements*/
 
 .startPageElem
{
	width:750px;
	height:480px;
	background-color:#fff !important;
	float:left;	
	padding-top:10px;
	padding-left:5px;
}

 .pageElem
{
	width:540px;
	background-color:#fff !important;
	float:left;	
	margin-top:0px;
	padding-top:0px;
	padding-left:10px;
	padding-right:5px;

}

 .pageElemWide
{
	width:740px;
	background-color:#fff !important;
	float:left;	
	margin-top:0px;
	padding-top:0px;
	padding-left:5px;
	height:100%;
	min-height:100%;
}

.mainBody
{
	margin:20px 10px 20px 10px;
}

.BreadCrumbsArea
{
	margin:10px 0px 0px 10px;
	padding:0px;	
}
 
 .structureWrapper
 {
	float:left;
	background-color:#fff !important;
 }
 
 .structureElem
{
	width:750px;
    clear:both;
    float:left;
    margin-top:10px;
}

.imageContainer
{
    float:left;
}

.opacity img
{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6;
    border:0;
    width:57px;
    height:35px;
}

.opacity:hover img
{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
}

.infoContainerImage
{
    float:left;
    width:120px;
    height: 80px;
}

.infoContainerContent
{
    float:left;
    padding-left:5px;
    /*margin-left:20px;*/

}

.infoContainerContent1
{
    float:left;
    padding-left:5px;
    margin-left:20px;
    width:250px;

}

.iccHeader
{
    font-weight:bold;
    padding-bottom:5px;
}

.iccLibrary
{
	float:left;
	margin-right:9px;
}

.iccConnectedLibrary
{
	width:100%;
	clear:none;
	float:left;
	margin-right:9px;
}
.iccOpeningHours
{
	clear:both;
	float:left;
	margin-right:9px;
	margin-left:10px;
}

.iccOpeningHoursContainer
{
		width:200px;
}

.iccOpeningHoursContainerItemLeft
{
	clear:both;
	float:left;
	width:48%;
}
.iccOpeningHoursContainerItemRight
{
	float:right;
	width:48%;
}

.iccLink
{
	clear:both;
	float:left;
	margin-right:9px;
}

.iccVisitingAddress
{
	width:100%;
	clear:both;
	float:left;
	margin-right:9px;
	margin-top:10px;
	margin-left:10px;
}

.topBox
{
	float:left;
	width:360px;
	margin-bottom:10px;
}



.startPageRightColumn
{
	width:190px;
	float:left;
	margin-left:10px;
	margin-bottom: -2000px; 
	padding-bottom: 2000px;	
}

.askLibraryBox
{
	clear:both;
	width:100%;
	float:left;
}

.Box
{
    margin-bottom:10px;
    width:179px;
}

.RSSItem
{
	padding: 0px 0px 5px 00px;
}

.ColumnDivider
{

	height:1px;
	background-image:url('images/1x1.gif');
	background-repeat:repeat-x;
	padding:5px 0px 0px 0px;
	clear:both;	
}

.ColumnDISA
{

	float:left;
	padding:0px 10px 0px 10px;	
}

.ColumnLinks
{

	clear:none;
	float:left;	
	width:160px;
	padding:0px 0px 5px 10px;
}

.ColumnLinks a 
{
	margin-bottom:3px;	
	line-height:1.5em;
}

.ColumnLibraryLinks
{
	clear:none;
	float:left;	
	width:240px;
	padding:0px 0px 5px 0px;
}

.ColumnLibraryLinks a 
{
	margin-bottom:3px;	
	line-height:1.5em;
}

.ColumnItemHead
{
    padding:5px 5px 0px 5px; 
    background-image:url('images/element/boxTop_179x5.png');
    background-repeat:no-repeat;
}

.ColumnItem
{
    padding:5px 10px 10px 10px;
    background-color:#fff; 
    /*border-top:solid 1px #9c9ca4; */
}
.ColumnItem p
{
    margin:2px 0px 0px 0px;
}

.ColumnItemBottom
{
	padding:5px 5px 5px 5px; 
    background-image:url('images/element/boxBottom_179x5.png');
    background-repeat:no-repeat;
}

.ColumnNewsItem1
{
	height:45px;
	border-bottom:solid 1px #ADB1C7;
	padding:5px 0px 0px 5px;
}

.ColumnNewsItem1 p
{
	color:#BF2C37;
	margin:0px 0px 0px 3px;
	padding:0px 0px 0px 3px;
}

.ColumnNewsItem1 a
{
	display:inline;
	color:#000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.ColumnNewsItem1 a:hover
{
	
}

.ColumnNewsItem2
{
	height:45px;
    border-bottom:solid 1px #ADB1C7;
	padding:5px 0px 0px 5px;
}

.ColumnNewsItem2 p
{
	color:#BF2C37;
	margin:0;
	padding:0;
}


.ColumnNewsItem2 a
{
	color:#000;
}

.ColumnNewsItem2 a:hover
{
	
}

.ColumnNewsItem3
{
	height:45px;
	padding:5px 0px 0px 5px;
}

.ColumnNewsItem3 p
{
	color:#BF2C37;
	margin:0;
	padding:0;
}


.ColumnNewsItem3 a
{
	color:#000;
}

.ColumnNewsItem3 a:hover
{
	
}

.ColumnItemHeadWide
{
    padding:5px; 
    font-weight: bold;
    color:#fff; 
    background-image:url('images/element/topBoxHeader_360x25.png');
    background-repeat:no-repeat;
}

.ColumnItemWideNoHeader
{
    padding:0px; 
    background-image:url('images/element/topBoxHeader_360x6.png');
    background-repeat:no-repeat;
}

.ColumnItemWide
{
	height:100px;
    padding:10px 0px 10px 0px; 
    border-left:solid 1px #ADB1C7;
    border-right:solid 1px #ADB1C7;
}
.ColumnItemWide p
{
    margin-bottom:0;
}

.ColumnItemBottomWide
{
    background-image:url('images/element/topBoxFooter_360x6.png');
    background-repeat:no-repeat;
}

.newsPlaceHolder
{
	float:left;
}

.ColumnNewsWrapper
{
	height:151px;
}

.boxbackground
{
	background-image:url('images/element/box_bg.png');
    background-repeat:no-repeat;
}

.pageList
{
	clear:both;
	float:left;	
}

.pageList ul 
{
	margin:0;
	padding:0;	
}

.pageListElem
{
	margin: 0 0 0 1em;
		
}

.dateTime
{
	font-weight:bold;	
}

/* Page footer */




.pageFooter
{
	display:none;
}

.pageFooter ul
{
	list-style-type: none;
	/*padding: 0.3em 0em 0.3em 0em;*/
	padding: 0;
	margin: 0;
	display: table;
	width: 100%;
	table-layout: fixed;

}

.pageFooter ul li
{
	padding: 0;
	margin: 0;
	text-align:center;
	float: left;
	background-color:#8F94BF;
}

.pageFooter li a
{
	padding: 0.4em 2em 0.4em 2em;
	margin:0;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	float: left;
}
