body{background:url(/liverpool/exhibitions/centreofthecreativeuniverse/images/background.gif) no-repeat;}

body.home {background:url(/liverpool/exhibitions/centreofthecreativeuniverse/images/background_home.gif) repeat-x;}


.printwidth{width:749px;}

img {border:0;}

#contentholder .text ul {
	margin:0 0 1.5em 0;
	padding:0;
	list-style-type:none;
	}
	
#contentholder .text ul li {
	margin:0 0 .7em 0;
	padding:0 0 0 22px;
	list-style-type:none;
background:url(/liverpool/exhibitions/centreofthecreativeuniverse/images/listbullet.gif) no-repeat 8px 6px;
	}

#contentholder {
	width:550px;
	padding:25px 0 2em 22px;
	}
	

	
#exhibitiontitle {
	margin:0 0 17px 0;
	}

#exhibitiontitle .printonly{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:5px;

}


#exhibitiondates{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	top:190px;
	left:340px;
	width:240px;
	text-align:right;
}



#livlogo{float:right;height:85px;text-align:right;}



#content{
	float:left;
	width:430px;
	margin:12px 0px 0px 0px;
}


p.top{margin-top:0px;}

#subnav{
	margin:20px 0 0 0;
	padding:0;
}


#subnav li{
	float:left;
	margin:0px 0px 6px 0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	padding:3px 0px 3px 0px;
}
#subnav li a{
	margin:0px 0px 0px 0px;
	padding:2px 7px 2px 7px;
	border-bottom:1px solid black;
	border-top:1px solid black;
	color:black;
	font-weight:bold;
	background:#fff;
}
#subnav li a:hover{
	text-decoration:none;
	color:white !important;
	background-color:#DF5BA0 !important;
}

.home #home, .exguide #exguide, .visitinginf #visitinginf, .events #events, .timeline #timeline, .catalogue #catalogue, .forum #forum, .resources #resources, .tempforum #forum {
	text-decoration:none;
	color:white !important;
	background-color:#DF5BA0 !important;
	cursor:default;
}

#guidenav{
	margin:0;
	padding:0;
}

#guidenav li{
	float:left;
	margin:0px 10px 6px 0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	padding:2px 0px 2px 0px;
}

#guidenav li a{
	margin:0px 0 0px 0;
	padding:1px 3px 1px 3px;
	color:black;
	font-weight:bold;
	background:#fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#guidenav li a:hover{
	text-decoration:none;
	color:white !important;
	background-color:#DF5BA0 !important;
	border-top:1px solid #DF5BA0;
	border-bottom:1px solid #DF5BA0;
}


.room0 #guidenav #room0, .room1 #guidenav #room1 a, .room2 #guidenav #room2 a, .room3 #guidenav #room3 a, .room4 #guidenav #room4 a, .room5 #guidenav #room5 a, .room6 #guidenav #room6 a, .room7 #guidenav #room7 a{
	text-decoration:none;
	color:#000 !important;
	border-top:1px solid #DF5BA0;
	border-bottom:1px solid #DF5BA0;
	cursor:default;
}

.room0 #guidenav #room0 a:hover, .room1 #guidenav #room1 a:hover, .room2 #guidenav #room2 a:hover, .room3 #guidenav #room3 a:hover, .room4 #guidenav #room4 a:hover, .room5 #guidenav #room5 a:hover, .room6 #guidenav #room6 a:hover, .room7 #guidenav #room7 a:hover{
	text-decoration:none;
	background-color:#fff !important;
	color:#000 !important;
	border-top:1px solid #DF5BA0;
	border-bottom:1px solid #DF5BA0;
}



.text a{font-weight:bold; color:#E24791;}
.credit a{color:#E24791;}

#content h3{font-size:0.9em;}
a.ticketbutton{
	float:left;
	border:1px solid black;
	margin:5px 10px 10px 0px;
	padding:3px 5px 3px 6px;
	border-right:2px solid black;
	border-bottom: 2px solid black;
	background-color:#F4EEDF;
}
a:hover.ticketbutton{
	color:#89030A;
	text-decoration:none;
	background-color:#DFD5BF;
	border:1px solid black;
	border-left:2px solid #333333;
	border-top: 2px solid #333;
}
ul.eventlist li{list-style-image:none;}
h5{font-family:Arial, Helvetica, sans-serif;margin-bottom:10px;}

#homelogo {
	margin:-25px 0 0 15px;
	}

#homelogo a {
	background:url(/liverpool/exhibitions/centreofthecreativeuniverse/images/homelogo.gif) no-repeat;
	width:510px;
	height:472px;
	display:block;
	text-decoration:none;
	color:#000;
	font-size:.9em;
	text-align:right;
	}
		
#homelogo span{
	display:block;
	padding:410px 0 0 0;
	}

#aboutsponsor{
	width:380px;
	text-align:left;
	color:#333;
	font-size:0.9em;
	margin:1.5em 0 1em 18px;
	}
	
#aboutsponsor span{
	display:block;
	padding:15px 0 0 0;
	}
	
#aboutsponsor img{
	float:left;
	margin:0 20px 20px 0;
	}

/* guide h2s */

h2 {
	margin-top:1.4em;
	margin-bottom:1.4em;
	}
	
/* time line h4s */

.timeline h4 {
	font-size:1.2em;
	margin:0;
	padding:0 0 1em 0;
	}

/* floorplan */
#floorplan{width:155px;height:130px;float:right;margin:20px 0 10px 10px;overflow:hidden;}
#floorplan a{background-color:#fff;margin:0;padding:0;display:block; position:relative;float:left;z-index:444;}
#floorplan a:hover{background-color:#ddd;}


.room1 #roomnav1, .room2 #roomnav2, .room3 #roomnav3, .room4 #roomnav4, .room5 #roomnav5, .room6 #roomnav6, .room7 #roomnav7 {
	background-color:#DF5BA0;
	cursor:default;	
}

.room1 #floorplan #roomnav1:hover, .room2 #floorplan #roomnav2:hover, .room3 #floorplan #roomnav3:hover, .room4 #floorplan #roomnav4:hover, .room5 #floorplan #roomnav5:hover, .room6 #floorplan #roomnav6:hover, .room7 #floorplan #roomnav7:hover {
	background-color:#DF5BA0;
}

#roomnav1{ 
	top:0;
	left:0;
	}
	
#roomnav2{ 
	top:0px;
	left:0px;
	}
	
#roomnav3{ 
	top:0px;
	left:0px;
	}
	
#roomnav4{ 
	top:0px;
	left:105px;
	}
	
#roomnav5{ 
	top:0px;
	left:-1px;
	}
	
#roomnav6{ 
	top:0px;
	left:-1px;
	}
	
#roomnav7{ 
	top:-38px;
	left:-106px;
	}


/* timeline */

#timeline {
	text-align:center;
}

#timeline a {
	font-size:.9em;
	border:1px solid #333;
	background:#fff;
	margin:-2px 9px 2em 0;
	padding:2px 7px;
	display:block;
	float:left;
}

#timeline a:hover {
text-decoration:none;
border:1px solid #000;
background:#fbfbfb;
}

#timeline a.tlselected {
text-decoration:none;
border:1px solid #000;
background: #DF5BA0; 
background-image:url(/liverpool/exhibitions/centreofthecreativeuniverse/images/timelinefade.gif);
color:#fff;
cursor:default;
}

#tlnav {
	clear:left;

}

#tlnav a {
	display:none;
}

#tlnav img {
	margin-left:15px;
}

#tlnav2{
	padding-top:1em;
	text-align:center;
}

#tlnav2 img {
	margin-left:15px;
}

a.enlargelink {
background:url(/modern/generic/white/icons/enlarge.gif) no-repeat 0 3px;
padding-left:13px;
font-weight:normal;
}

img.pdfshot {
	border:1px solid #888;
	border-bottom:1px solid #666;
	}
	
.imagebox {
	width:250px;
	float:left;
	margin:12px 20px 0 0;

	border-bottom:1px solid #333;
	background:url(/liverpool/exhibitions/centreofthecreativeuniverse/images/imageboxback.gif) bottom repeat-x #fefefe;
	}
	
.imagebox.imageright {
	width:220px;
	float:right;
	margin:12px 0 20px 15px;
	}
	
.imagebox .credit {
	padding:3px 4px 4px 4px;
	display:block;
	}
	
.imageboxspacer {
	clear:left;
	}

/* css for lightbox script -  */



#lightbox{

	background-color:#fff;

	padding:4px 4px 2px 4px;

	border:1px solid #333;

	}

#lightboxDetails{


	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left;font-family: Arial, Helvetica, sans-serif; color:#333; font-size:.7em; }

#keyboardMsg{ float: right; }

#closeButton{ top: -15px; right: 4px; }



#lightbox img{ border: none; clear: both; margin-top:18px;} 



#loadingImage {

	background-color:#fff;

	padding:4px;

	border:1px solid #ccc;

	}

	

/* end of css for lightbox script */

/*forum css*/

.forum #contentholder {
	width:700px;
	}

.forum #exhibitiondates{
	left:400px;
	width:300px;
	text-align:right;
}
.forum #content {
	width:685px;
	}

.forum #content p {
	background:#fff;
	}
	
body.forum {background:url(/liverpool/exhibitions/centreofthecreativeuniverse/images/background_forum.gif) no-repeat;}
	
body.forum #content a { color: #DF5BA0; }

body.forum #content .jive-table {
	margin:10px 0 0 0;
	}
		
.jive-breadcrumbs {
	display:none;
	}
	
/* /onlineevents/css/jiveforums.css - for Jive Forums in Online Events theme */

/* Right-nav - We override the absolute positioning here, so we can use the full width below the rightnav */
#gallerynav {
	position: static; 
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

.jive-nowonline { border: 1px dotted #DF5BA0; }

.topnav_sep { display: none; }
.topnav .subnav { margin-right: 0.2em; padding: 0; background-color: white; }
.topnav .subnav a { font-weight:bold;color: #DF5BA0;margin-right:7px; }
.topnav .subnav a:hover {  }



.jive-table { border: 1px solid #DF5BA0; }

.jive-message-list thead th { background: #DF5BA0; }

.jive-message-list .jive-table .jive-first-last table thead th { background: #DF5BA0; }

.jive-thread-list .jive-table thead th, .jive-forum-list thead th, .jive-message-list thead th {
	background: #DF5BA0;
}


/* Category (and subcategory) list formatting */
tbody .jive-category { padding-left: 0; border: none; }
.jive-category .jive-category-name {
	margin-left: 0;
	background-color: black;
	padding: 1px 0.5em;
	color: white;
}
.jive-category .jive-description {
	margin: 1em;
	background-color: white;
	color: black;
}
tbody .jive-category-name a { background-color: black; padding: 1px 0.4em; color: white; }
tbody .jive-category-name a:hover { background-color: #DF5BA0; color: white; }

dl.jive-category-subcats { margin-left: 0; border: none; background-color: white; }
.jive-category-subcats .jive-category-name {
	border-bottom: 1px solid white;
	background-color: #DF5BA0;
	padding-left: 1em;
}
.jive-category-subcats .jive-category-name a { background-color: #DF5BA0; color: white; }
.jive-category-subcats .jive-category-name a:hover { background-color: black; color: white; }
dd.jive-description { padding-left: 2.0em; background-color: white; color: black; }


.jive-portlet-box table { border: 1px solid #DF5BA0; }
.jive-portlet-box th { background:#DF5BA0; }

.forumpoll .jive-portlet-box table {border:1px solid #DF5BA0;}

.jive-announcements {
	width: 525px;
	margin-bottom: 1em;
	border: 1px solid #DF5BA0;
}
.jive-announcement-label { background-color: black; }
.jive-announcement-content {
	background-color: white;
}
.jive-announcement {
	border-top: 1px dotted #DF5BA0;
	border-bottom: 1px dotted #DF5BA0;
	background-color: white;
	color: black;
}
.jive-announcement a { text-decoration: underline; }

.jive-announce { border: 2px dotted #DF5BA0; }
.jive-announce a { color: #DF5BA0; }
#jive-annpage  .jive-table {	border: 2px dotted #DF5BA0; }

.jive-legend { border: 1px dotted #DF5BA0; }