﻿body{
	font-family:	Arial, Sans-Serif;
	font-size:		small;
	margin:			0;
	padding:		0;
	height:			101%;
	background:		url(../images/page-bg.jpg) top left repeat-x;
	overflow-x:     hidden;
}

#background{
    width: 1000px;
    margin: 0 auto;
}

.skipToMainContent{
	position:		absolute;
	top:			-1000px;
}	

.starCssClass{
	width:			11px;
	height:			11px;
	cursor:			pointer;
}

.shareALiftInfo{
	width:			598px;
}

	.shareALiftInfo h2,
	.shareALiftInfo h3{
		background:		#FFF url(../images/whatson-season-title.jpg) top left no-repeat;
		color:			#4D98D3;
		font-size:		x-large;
		height:			31px;
		border-width:	0px;
		padding:		10px 0 0 10px;
		margin:			0;
	}
	
	.shareALiftInfoContent{
		border:			1px solid #CCC;
		border-width:	0 1px 1px 1px;
		padding:		10px;
	}
	
	.shareALiftInfo .eventPerformance h3{
		background:		#FFF;
		padding:		0;
		font-size:		medium;
	}

.filledStarCssClass{
	background:		url(../images/rating-on.gif);
}

.emptyStarCssClass{
	background:		url(../images/rating-off.gif);
}

.waitingStarCssClass{
	background:		url(../images/rating-over.gif);
}

.clear{
	clear:			both;
	font-size:		1px;
	height:			1px;
	line-height:	1px;
}

.clearFix:after {
    content:		".";
    display:		block;
    height:			0;
    clear:			both;
    visibility:		hidden;
}
	.clearFix {display:	inline-block;}
	/* Hides from IE-mac \*/
	* html .clearFix {height: 1%;}
	.clearFix {display: block;}
	/* End hide from IE-mac */

.watermark{
	color:			#AAA;
}

p, h1, h2, h3, h4, h5, h6{
	margin:			0 0 17px 0;
	padding:		0;	
}

h1, h2, h3, h4, h5, h6{
	font-weight:	normal;
	color:			#4D98D3;
}

a:link,
a:visited{
	color:			#0066CC;
	text-decoration:underline;
}
				
a:hover,
a:active{
	color:			#0066CC;
	text-decoration:none;
}

a img{
	border:			0;
}

.floatleft{
	float:				left;
	display:			inline;
}

.floatright{
	float:				right;
	display:			inline;
}

#helperframe{
	display:			none;
}

#header{
	height:			145px;
	*height:        150px;
	width:			996px;
	_width:         1000px;	
	color:          #FFF;
}
			
		#header a:link, 
		#header a:visited{
		    color: #FFF;
		    text-decoration: none;
		}
		
		#header a:hover, 
		#header a:active{
		    text-decoration: underline;
		}
		
		#header ul{
		    position: absolute;
		    top: 0px;
		    list-style: none;
		    margin: 0;		    
		    padding: 0;
		    width: 996px;		    
		}
		
		    #header ul li{
		        float: left;
		        width: 165px;
		        margin: 0 1px 0 0;
		        padding: 0;
		    }
			
			#header ul li.last{
				margin: 0;
				width: 166px;
			}
		    
		        #header ul a:link,
		        #header ul a:visited{
		            width: 165px;
		            text-align: center;
		            padding: 5px 0;
		            height: 15px;
		            display: block;
		            background: url(../images/menu-top.gif) no-repeat;
		        }
				
				#header ul li.last a:link,
				#header ul li.last a:visited{
					width: 166px;
					background: url(../images/menu-top-big.gif) no-repeat;
				}
		        
		        #header ul a:hover,
		        #header ul a:active,
		        #header ul a.currentPage,
		        #header ul li.last a:hover,
		        #header ul li.last a:active,
		        #header ul li.last a.currentPage
		        {
		            text-decoration: none;
		            background: transparant;
		            background-image: none;
		        }
		        
		    #header ul.bottom{		        
		        top: 150px;
		        margin: 0;
		    }
		    
		            #header ul.bottom a:link,
		            #header ul.bottom a:visited{
		                background: url(../images/menu-bottom.gif) no-repeat;
		            }
					
					#header ul.bottom li.last a:link,
					#header ul.bottom li.last a:visited{
						width: 166px;
						background: url(../images/menu-bottom-big.gif) no-repeat;
					}
    		        
		            #header ul.bottom a:hover,
		            #header ul.bottom a:active,
		            #header ul.bottom a.currentPage,
		            #header ul.bottom li.last a:hover,
		            #header ul.bottom li.last a:active,
		            #header ul.bottom li.last a.currentPage{
		                background: transparant;
		                background-image: none;
		            }

        #headerMiddle{
            margin: 30px 0 0 0;
        }
        
		#logo{
			float:			left;			
			width:          490px;
			height:         90px;			
		}	
            		
		.header-block{
		    float:          right;
		    width:          160px;
		    padding:        0 0 0 5px;
		    border-left:    1px solid #B2D3EC;
		    height:         65px;
		    margin:         25px 0 0 0;
		    color:          #B2D3EC;
		}
		
		.header-block.search-block{
		    width: 161px;
		    _width: 165px;
		}
		
		    #header .header-block a:link,
		    #header .header-block a:visited{
		        color: #B2D3EC;
		    }

		    #myLowry .full{
                float: left;
                width: 153px;
            }
            		
		    #myLowry .right{
		        float: left;
		        width: 53px;
		    }

		    #myLowry .left{
                float: left;
                width: 100px;
            }
            
            #myLowry .basket img{
                margin: 0.8em 0 0 0;
            }

		    #social img{
		        margin: 0 0 5px;
		    }
		
			.searchText{	
			    float:          left;
			    background:     #4D98D3;			
				width:			105px;
				height:			20px;
				border:			1px solid #B2D3EC;				
				font-size:      10px;
				color:          #B2D3EC;
			}
			
			.search-calendar{
			    float: left;
			    margin: 0 11px 0 0;
			    margin: 0 9px 0 0;
			}
			
			.search-button{			
			    float: left;	
			    margin: 0;
			    padding: 0;		    
			    border: none;
			}
	
#top{
	background:		url(../images/top-bg.gif) top left repeat-x;
	height:			38px;
	padding:		15px 0 0 10px;
}

	#whatsOncalendarLink{
		float:			left;
		display:		inline;
	}
	
	#browseTheatreShowsLink{
		float:			left;
		display:		inline;
		padding:		0 0 0 50px;
	}
	
	#editYourHomepageLink{
		float:			left;
		display:		inline;
		padding:		0 0 0 50px;
	}

#mainContent{
	padding:		30px 0px 0px 0px;
	margin:			0 0 10px 0;
	height:			auto !important;
	height:			377px;
	min-height:		377px;
	/*background:		url(../images/content-bg.gif) top left repeat-x;*/
	width:			996px !important;
	width:			996px;
	min-width:		996px;
}
			
#subMenu{
	float:			left;
	display:		inline;
	width:			216px;
}

	#subMenu ul{
		margin:			25px 0 0 15px;
		padding:		0;
		list-style:		none;
	}
	
		#subMenu ul li{
		}
		
			#subMenu ul li a:link,
			#subMenu ul li a:visited{
				border-top:		1px solid #BBBABA;
				display:		block;
				_height:		12px;
				text-decoration:none;
				color:			#555;
				padding:		3px 0 3px 15px;
				background:		url(../images/arrow-right-grey.gif) left no-repeat;
			}
			
			#subMenu ul li a:hover,
			#subMenu ul li a:active{
				background:	#E2E3E5 url(../images/arrow-right-blue.gif) left no-repeat;
			}
			
			#subMenu ul ul{
				margin:			0 0 0 15px;
			}
			
			#subMenu ul .currentPage:link,
			#subMenu ul .currentPage:visited,
			#subMenu ul .currentPage:hover,
			#subMenu ul .currentPage:active{
				background: #E2E3E5 url(../images/arrow-right-blue.gif) left no-repeat;
			}
	
	#mainContentText{
		float:			left;
		padding:		0 17px 0 17px;
		margin:			0 17px 0 17px;
		border:			1px solid #F4F4F1;
		border-width:	0 1px 0 1px;
		width:			420px;
	}
	
	#mainContentTextWide{
		float:			left;
		padding:		0 0 0 9px;
		margin:			0 0 0 0px;
		border-left:	1px solid #F4F4F1;
		width:			760px;		
	}
	
	#mainContentTextFull{
		float:			left;
		display:		inline;
	}
	
	#rightContentText{
		float:			left;
		display:		inline;
		width:			290px;
		padding:		44px 0 0 0px;
	}

#footer{
	background:		url(../images/footer-bg.gif) top left no-repeat;
	padding:		37px 30px 10px 30px;
	width:			940px;
	font-size:		x-small;
	color:			#666;	
}

	#footerLeft{
		float:			left;
		display:		inline;
		width:			280px;
	}
	
		#footerLeft h4, #footerMiddle h4, #footerRight h4{
			font-size:		medium;
			margin:			0;
			padding:		0 0 15px 0;
		}
		
			#footerLeft h4 img{
				float:			left;
				display:		inline;
				padding:		0 5px 0 0;
			}
			
	    #footerLeft a.design, #footerLeft a.design:hover, #footerLeft a.design:visited
	    {
	        color:  #666;
	    }
	
	#footerMiddle{
		float:			left;
		display:		inline;
		width:			400px;
		padding:		0 10px 0 10px;
		margin:			0 10px 0 10px;
		border:			1px dotted #AAA;
		border-width:	0 1px 0 1px;
	}
	
	#footerRight{
		float:			left;
		display:		inline;
		width:			210px;
	}

/* Sidebars */
.sidebar
{
	float: left;
	display: inline;
	clear: both;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	padding:	0;
	margin:		0 14px;
	width:		177px;
}

.sidebar184{
    border-top: 1px solid #DCDCDC;
}

.sidebar.first
{
	margin-top:	5px;
}
	
	.sidebar .content
	{
		padding: 0 14px 7px 14px;
	}
	.sidebar ul
	{
		list-style: none;
	}
	.sidebar p
	{
		padding: 3px;
		margin: 4px;
	}
	.sidebar h1
	{
		color:		#747474;
		height:		21px;
		padding:	10px;
	}
	.sidebar h2
	{
		color:		#747474;
		height:		19px;
		padding:	5px 6px;
		margin:		15px 0 5px 0;
		font-size:  16px;
		background-color: #eee;
	}
	.sidebar .first h2
	{
		background: url(../images/sidebar-title.png) top left no-repeat;
	}
	.sidebar .first h2
	{
		padding:	6px;
		margin-top:	-4px;
	}
	.sidebar h3
	{
		color: #FFFFFF;
		background-color: #202020;
		margin: -3px -3px 3px -3px;
		padding: 5px;
	}
	
	.sidebar h2 span{
		display:		block;
		position:		relative;
		margin:			-19px 0 0 0;
		text-align:		right;
	}

.thinSeparator
{
	border-top: solid 4px #efefef;
	border-bottom: solid 1px #cdcdcd;
	margin: 21px 0 0 0;
	padding: 0;
	height: 1px;
}

	
/* GalleryList */
.gallerylist
{
	max-width: 900px;
}	
	
	.gallerylist ul 
	{
		list-style:	none;
		padding: 20px;
		margin: 0px;
	}
		
		.gallerylist .minimal li
		{
			background-color:#eee;
			margin:5px;
		}
		
		.gallerylist ul li
		{
			display: inline;
			float: left;
			margin-left: 15px;
			margin-bottom: 15px;
		}
		
		.gallerylist ul li a img
		{
			border-width:0px;
		}
		
		.gallerylist ul li a:link,
		.gallerylist ul li a:visited{
			text-decoration:	none;
		}

/* Gallery */
.gallery
{
	max-width: 900px;
}
	.gallery h2
	{
		max-width: 900px;
		padding: 3px;
	}
	
	.gallery p
	{
		padding: 3px;
	}
	
	.gallery textarea 
	{
		width: 300px;
		height: 70px;
	}
		
	.galleryitems ul,
	.videogalleryitems ul
	{
		clear: both;
		list-style:	none;
		max-width: 900px;
		padding: 0px;
		margin: 0px;
	}
	
		.galleryitems ul li,
		.videogalleryitems ul li
		{
			float:left;
			background-color:#eee;
			border:1px solid;
			border-color:#f3f3f3 #bbb #bbb #f3f3f3;
			margin:5px;
			padding:5px;
		}

		.galleryitems ul li img,
		.videogalleryitems ul li img
		{
			float:left;
		}

        .videogalleryitems ul li img{
            width: 140px;
            height: 100px;
        }
		
		.galleryitems ul li span,
		.videogalleryitems ul li span
		{			
			clear: both;
			display: block;
			height: 20px;
		}
		
		.galleryitems ul li .galleryItemType,
		.videogalleryitems ul li .galleryItemType
		{
			float: none;
			clear: both;
			display: block;
			padding: 10px 0px 10px 0px;
		}
		
		.galleryitems ul li:hover,
		.videogalleryitems ul li:hover
		{
			background-color:#bbb;
		}
		
		.galleryitems ul li a:link,
		.galleryitems ul li a:visited,
		.videogalleryitems ul li a:link
		.videogalleryitems ul li a:visited{
			text-decoration:	none;
		}
		
		.galleryitems ul li .galleryItemTitle,
		.videogalleryitems ul li .videogalleryItemTitle
		{
			display: none;
		}

/* Tags */

.tags
{
}

	.tags ul 
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 160px;
	}

		.tags ul li
		{
			border-top: solid 1px #ccc;
			padding: 5px 10px 5px 10px;
			margin:0;
		}
			.tags a:link, .tags a:visited{
				color: Purple;
				text-decoration: none;
			}
			.tags a:hover, .tags a:active{
				color: Purple;
				text-decoration: none;
			}

/* Event Listings */

.categoryBlock
{
	padding: 5px 10px 5px 10px; 
	width: 200px;
}

.eventTitle
{
	font-size: medium;
	font-weight: bold;
}

.eventTitleSmall
{
    font-size: small;
    font-weight: bold;
}

.highlightedEvent
{
    border: 1px solid #DDDDDD;
}

.categoryEvents
{
    border: 1px solid #DDD;
    float: left;
    display: inline;
    position: relative;
}

.rollOverText
{
	background-color: White;
	width: 230px;
	padding: 10px 10px 10px 10px;
}
		
/* Events */

.helpBox{
	background:			#A5D9F1;
	border:				1px solid #0181CA;
	padding:			5px;
	margin:				5px;
	display:			none;
	text-align:			left;
	font-weight:		normal;
	font-size:			small;
	z-index:			999;
}

	.helpBox h4,
	.helpBox p{
		margin:				0px;
		padding:			0 0 5px 0;
		color:				#333;
	}
	
	.helpBox h4{
		font-size:			medium;
		font-weight:		bold;
	}

.event
{
	width: 525px;
}
	.event h1
	{
		margin-bottom: 0px;
	}
	.event h2
	{
		margin-top: 10px;
	}
	.event h3
	{
		color:		#747474;
	}
	
	.event #mainEventImage
	{
		padding: 0 0 17px 0;
		margin: 0px;
	}

.eventSummary
{
	width: 250px;
	padding: 10px;
	float: left;
	display: inline;
}

#performances ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	#performances ul li
	{
		border-top: solid 1px #ccc;
		padding: 5px 10px 5px 10px;
		margin:0;
		color: #666;
	}

.perfSoldOut #perfDate
{
	text-decoration: line-through;
}

.perfSoldOut #perfNotes
{
	color: #f00 !important;
}

.eventSoldOut
{
	display: none;
}

.socialtool
{
	padding-top: 5px;
	display: block;
	height: 20px;
}

.runningTime{
}

	.runningTime div{
		padding: 7px 0 0 23px
	}

.similarEvents
{

}
	.similarEvents ul
	{
		padding-left: 8px;
		margin: 0px;
		width: 150px;
	}
	
.archived
{
	color:				#000000;
	background:			#FFFFFF url(../images/archived.gif) top left no-repeat;
	border:				1px solid #377495;
	padding:			6px 5px 6px 36px;
	margin:				0 0 5px 0;
}

.approval
{	
	color:				#000000;
	background:			#FFFFFF url(../images/approval.gif) top left no-repeat;
	border:				1px solid #377495;
	padding:			6px 5px 6px 36px;
	margin:				0 0 5px 0;
}

.comingsoon
{	
	color:				#000000;
	background:			#FFFFFF;
	border:				1px solid #377495;
	padding:			6px 5px 6px 6px;
	margin:				0 0 5px 0;
}

.book
{

}

	.book a
	{	
		background:			url(../images/book-now.gif) top left no-repeat;
		display: block;
		width: 178px;
		height: 29px;
	}
	

.groupOffers
{
	background:			url(../images/group-offers.png) top left no-repeat;
	width: 178px;
	height: 29px;
	display: block;
	margin: 11px 0 0 0;
}

.salLink
{
	background:			url(../images/sal.gif) top left no-repeat;
	width:				178px;
	height:				29px;
	display:			block;
	display:			none;
}

.salLink span{
	display:			none;
}

.shuntDownToTabBody
{
	margin-top: 29px;
}

/* Event Listing */

.eventsListing tr td
{
	border: dotted 1px #0683D6;
}

/* Event Category */
.eventCategory
{
	float: left;
	display: inline;
	clear: both;
	border: 1px solid #202020;
	padding: 3px;
	margin: 0px 10px 10px 0px;
	max-width: 500px;
}
	.eventCategory #thumbEventImage
	{
		display: inline;
		float: left;
		padding: 5px;
	}
	
	.eventCategory ul
	{
		list-style: none;
	}
.eventCategory h1
{
	color: #FFFFFF;
	background-color: #202020;
	margin: -3px -3px 3px -3px;
	padding: 3px;
}

.eventCategory i
{
	margin: 5px;
}		

.loading { background: url('../images/ajax-loader-circle.gif') no-repeat center; 
           width:100px;
           height:100px}
 
.archiveCriteria
{
	width: 180px;
	border: 1px solid #666;
	padding: 5px;
	margin: 5px;
}

.searchBox 
{
	margin:  0px;
} 
           
.archiveTagsList
{

}
	.archiveTagsList ul 
	{
		margin: 2px;
		list-style-type: none;
		padding: 2px 0 2px 5px;
	}

	.archiveTagsList ul li ul 
	{
		margin: 1px;
	}
	.archiveTagsList ul li ul li 
	{
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		color: #666;
	}
	
	.archiveTagsList ul li ul li a
	{
		width: 250px;
	}
	.archiveTagsList ul li ul li:hover 
	{
		cursor: pointer;
		background-color: #f2f2f2;
		color: #000;
	}
	
	.archiveTagsList .selectedTag
	{
		background-color: #f2f2f2;
	}
	
.archiveList
{
	
}

	.archiveList td 
	{
		width: 60px;
	}
	.archiveList img 
	{
		width: 60px;
		height: 60px;
	}
	
	.archiveList a 
	{
		display: inline;
	}
	
	.archiveList .archivegroup 
	{
		color:				#111111;
		background:			url(../images/archive-date-title.jpg) top left no-repeat;
		font-size:			large;
	}
	
	
.jcarousel-item img{
    width: 250px;
    height: 250px;
}

.calendar
{
	text-align: center;
	padding: 10px;
	width: 180px;
}
	.calendar input
	{
		padding: 0px;
	}

.eventRow tr
{
	vertical-align: top;
}
.eventBlock 
{
	border: solid 1px #fff;
	width: 100px;
}
	.eventBlock tr
	{
		height: 100px;
	}
	
	.eventBlock a
	{
		color: #000;
		font-weight: bold;
	}
	
.sendToAFriendLink{
	padding:		0 0 1px 0;
}

	.sendToAFriendLink input{
		display:		block;
	}
	
.remindMeLink{
}

	.remindMeLink input{
		display:		block;
	}
	
/* What's on */
.whatsOn
{
	margin-bottom:	20px;
}
	.whatsOnEvent
	{
		float:			left;
		display:		inline;
		width:			128px;
		margin:			4px;
		border-left:	solid 1px #e9e9e9;
		border-right:	solid 1px #e9e9e9;
	}
		.whatsOnEvent .top
		{
			background:		url(/Templates/Lowry/Images/sidebar-top-128.png) top left no-repeat;
			margin-top:		-1px;
			color:			#0066CC;
			padding:		5px 0 5px 12px;
			height:			30px;
		}
		
		.whatsOnEvent .top a:link,
		.whatsOnEvent .top a:visited{
			text-decoration:none;
		}
		
		.whatsOnEvent .top a:hover,
		.whatsOnEvent .top a:active{
			text-decoration:underline;
		}
		
		
		.whatsOnEvent .middle
		{
			padding:	0px 16px 0 12px;
			height:		190px;
		}
		.whatsOnEvent .bottom
		{
			background:		url(/Templates/Lowry/Images/sidebar-bottom-128.png);
			height:			4px;
			margin-bottom:	-3px;
		}
		.whatsOnEventImage img
		{
			width:		100px;
			height:		100px;
			display:	block;
		}
		.whatsOnEventName
		{
			padding-top:	10px;
			font-size:		12px;
		}
			.whatsOnEventName a:link, .whatsOnEventName a:visited
			{
				text-decoration:	none;
				color:				Purple;
			}
			.whatsOnEventName a:hover, .whatsOnEventName a:active
			{
				text-decoration:	underline;
				color:				Purple;
			}

.calendarContainer
{
	float:			left;
	width:			284px;
	margin:			0 0 0 14px;
	border-left:	solid 1px #e9e9e9;
	border-right:	solid 1px #e9e9e9;
	text-align:		center;
}
	.calendarContainer .top
	{
		background:		url(/Templates/Lowry/Images/sidebar-top-232.png);
		height:			4px;
		margin-top:		-3px;
	}
	.calendarContainer .middle
	{
		padding:		10px 14px 0px 14px;
	}
	.calendarContainer .bottom
	{
		background:		url(/Templates/Lowry/Images/sidebar-bottom-232.png);
		height:			4px;
		margin-bottom:	-3px;
	}
	.calendarContainer a:link, .calendarContainer a:visited
	{
		text-decoration:	none;
	}
	.calendarContainer a:hover, .calendarContainer a:active
	{
		text-decoration:	underline;
	}
	
	.hidden
	{
		visibility: hidden;
	}
	
/* MyLowry */

#navigation{
	float:				left;
	display:			inline;
	width:				150px;
	margin:				10px;
	padding:			0px;
	border:				1px solid #0683D6;
}

	.title{
		color:				#0683D6;
		font-weight:		bold;
		padding:			3px;
	}

	.navLevel1{
		list-style:			none;
		margin:				3px;
		padding:			0px;
	}
	
		.navLevel1 li a:link,
		.navLevel1 li a:visited{
			text-decoration:	none;
		}
		
		.navLevel1 li a:hover,
		.navLevel1 li a:active{
			text-decoration:	none;
		}
				
			.navLevel2 a:link,
			.navLevel2 a:visited{
				display:			block;
				text-decoration:	none;
				padding:			2px 0px 2px 5px;
				margin:				5px 0px 5px 0px;
				font-weight:		normal;
			}
			
			.navLevel2 a:hover,
			.navLevel2 a:active{
				color:				#000000;
				display:			block;
				background-color:	#50A1D3;
				text-decoration:	none;
			}
			
			#navigation .selected a:link,
			#navigation .selected a:visited,
			#navigation .selected a:hover,
			#navigation .selected a:active{
				cursor:				default;
				background-color:	#F5F5F5;
				text-decoration:	none;
				color:				#50A1D3;
			}
	
			.navLevel2{
				list-style:		none;
				margin:			0px;
				padding:		0px 0px 0px 10px;
			}	
			
.interestGroups{
}

	.interestGroups th{
		text-align: left;
		width: 150px;
		background-color: #EFF3FB;
		border: solid 1px #CCC; 
	}
	
			.interestGroups .True{
				font-weight: bold;
			}
	
				.interestGroups td td table{
					margin: 0px 0px 0px 20px;
				}
				
				.interestGroups td td td{
					font-weight: normal;
				}
	
#createUser
{
	
}

	#createUser tr th
	{
		font-weight: bold;
		padding: 10px;
		border: solid 1px #000;
	}
	
.noticeInterests
{ 
	display:none; 
	padding:10px;
	margin-bottom: 10px;
	color: #4D98D3;
	background-color: #EFF3FB;
	border: solid 1px #CCC; 
}
	
.devNote 
{
	color: Red;
	font-style: italic;
	background-color: #fff;
	border: dashed 1px Red;
	padding: 5px;
	margin: 10px;
}

/*Modal Popup*/
.modalBackground {
	background-color:	#ddd;
	filter:				alpha(opacity=70);
	opacity:			0.7;
}

.modalPopup {
	color:			#fff;
	border:			1px solid #DDD;
	padding:		5px;
	color:			#000000;
	background:		#FFFFFF;
}

.modalPopupDragHandle{
	cursor:				move;
	background-color:	#DDD;
	border:				solid 1px #ddd;
	color:				#000;
	padding:			5px;
}

#eventDetailsArea{
	float:				left;
	display:			inline;
	width:				580px;
}

/* Tabs */
.customTabs .ajax__tab_header
{
	height:43px;
	border-bottom: solid 1px #dadada;
}

.customTabs .ajax__tab_outer
{
	background: url(../../LowryEventMinisite/images/tab-left-and-mid.png);
	height:44px;
	padding-left: 10px;
}
.customTabs .ajax__tab_inner
{
	padding-right: 18px;
	height:44px;
	background:transparent url(/Templates/LowryEventMinisite/Images/tab-right.png) no-repeat scroll right bottom;
}
.customTabs .ajax__tab_tab
{
	padding-top: 16px;
	height:28px;
	font-size: 16px;
	color: Purple;
	text-decoration: none;
	cursor: pointer;
}

	.customTabs .ajax__tab_active .ajax__tab_outer
	{
		background: url(../../LowryEventMinisite/images/tab-left-and-mid-active.png);
	}
	.customTabs .ajax__tab_active .ajax__tab_inner
	{
		background:transparent url(/Templates/LowryEventMinisite/Images/tab-right-active.png) no-repeat scroll right bottom;
	}
	.customTabs .ajax__tab_active .ajax__tab_tab
	{
		padding-top: 10px;
		height:34px;
	}

.customTabs .ajax__tab_body
{
	border:				1px solid #DADADA;
	border-width:		0px 1px 1px 1px;
	padding:			27px 30px 30px 30px;
	width:				520px;
}

/* Shop */
.productCode
{
	font-size: smaller;
	color: #666666;
}
.priceTable
{
	margin-top: 18px;
}

/* WC Edit Controls */

.ControlSettingsPanel
{
	background: white;
	border: 1px solid red;
	color: red;
	width: 420px;
}

.ControlSettingsPanel span
{
	padding: 5px;
}

.ControlSettingsPanel .buttons 
{
   font-size:16px;
   font-family:Trebuchet MS,sans-serif;
   color:red;
   height:40px;
   background-color:#FFFFFF;
   border-style:solid;
   border-color:red;
   border-width:1px;
   margin: 10px;
}

.ControlSettingsSection
{
	display: block;
	color: white;
	background: red;
	padding: 5px 0px 5px 10px;
}
	
.productHierarchyNode  a:link,
.productHierarchyNode  a:visited
{
    border-top:		1px solid #BBBABA ! important;
    display:		block;
    _height:		12px;
    text-decoration:none;
    color:			#555;
    padding:		3px 0 3px 15px;
    background: url("../images/arrow-right-grey.gif") no-repeat scroll left center transparent;
}

			
.productHierarchyNode a:hover,
.productHierarchyNode a:active,
.productHierarchyNodeSelected  a:link,
.productHierarchyNodeSelected  a:visited
{
    background-color:	#E2E3E5;
}

.productExtras
{
   margin: 25px 0 0 0 !important;
}


.productHierarchy table
{
    width:100%;
}
