/* 
Colors

Main background
grey: #a2adb4

Text / hover
------------

Teal shades light -> dark
#45cfd7
#00a4ae
#117375

Grey shades light -> dark
#bec5ca
#7d8c96
#6f7e87
#4A5650
#535353
#564a44
#2e2e2e

Orange light -> dark
muted: #e06419
#f16c1b
brighter: #ff7b27

Ad backgrounds
light blue F0FEFE

Friend hilight
#f8ede5;

*/



/* 
*
* General properties
*
*/


/* text */


.text { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #7d8c96;
	font-weight: normal;
} 
	
.text a:link {text-decoration: none; color: #e06419; font-weight: normal;}
.text a:visited {text-decoration: none; color: #e06419; font-weight: normal;}
.text a:hover {color: #117375; text-decoration: none; font-weight: normal;}
.text a:active {color: #e06419; text-decoration: none; font-weight: normal;} 

.inline-help-link {text-decoration: none; color: #e06419; font-weight: normal;}

.text-orange
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #e06419;
	font-weight: normal;
}

.link-orange a:link {text-decoration: none; color: #e06419; font-weight: normal;}
.link-orange a:visited {text-decoration: none; color: #e06419; font-weight: normal;}
.link-orange a:hover {color: #117375; text-decoration: none; font-weight: normal;}
.link-orange a:active {color: #e06419; text-decoration: none; font-weight: normal;} 

.link-bold-orange a:link {text-decoration: none; color: #e06419; font-weight: bold;}
.link-bold-orange a:visited {text-decoration: none; color: #e06419; font-weight: bold;}
.link-bold-orange a:hover {color: #117375; text-decoration: none; font-weight: bold;}
.link-bold-orange a:active {color: #e06419; text-decoration: none; font-weight: bold;} 

.rss {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #e06419;
	font-weight: normal;
	}
	
.rss a:link {text-decoration: none; color: #e06419; font-weight: normal;}
.rss a:visited {text-decoration: none; color: #e06419; font-weight: normal;}
.rss a:hover {color: #117375; text-decoration: none; font-weight: normal;}
.rss a:active {color: #e06419; text-decoration: none; font-weight: normal;} 

.error-text 
{
	color: Red;
}

.buzz-factor { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #e06419;
	}





/* tabs */

.subnav-tab-off {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #bec5ca;
	}
	
.subnav-tab-off a:link {text-decoration: none; color: #ffffff; font-weight: normal;}
.subnav-tab-off a:visited {text-decoration: none; color: #ffffff; font-weight: normal;}
.subnav-tab-off a:hover {color: #4B5651; text-decoration: none; font-weight: normal;}
.subnav-tab-off a:active {color: #ffffff; text-decoration: none; font-weight: normal;} 

.subnav-tab-on {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #ff7b27;
	}
	
.subnav-tab-on a:link {text-decoration: none; color: #ffffff; font-weight: normal;}
.subnav-tab-on a:visited {text-decoration: none; color: #ffffff; font-weight: normal;}
.subnav-tab-on a:hover {color: #4B5651; text-decoration: none; font-weight: normal;}
.subnav-tab-on a:active {color: #ffffff; text-decoration: none; font-weight: normal;} 

.subnav-tab-spacer { 
	width: 7px;
	}

.tabset-orange-wrapper 
{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #f16c1b;
}

/* Navigation */

#subnav { 
	background-image: url(images/subnav-bg.gif);
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	}
	
#subnav a:link {text-decoration: none; color: #ffffff; font-weight: normal;}
#subnav a:visited {text-decoration: none; color: #ffffff; font-weight: normal;}
#subnav a:hover {color: #564a44; text-decoration: none; font-weight: normal;}
#subnav a:active {color: #ffffff; text-decoration: none; font-weight: normal;} 


	
.adwords-vertical { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #615a56;
	padding-top: 20px;
	padding-bottom: 22px;
	text-align: center;
	width: 250px;
	}
	
.adwords-horizontal { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #615a56;
	padding-top: 15px;
	padding-bottom: 7px;
	text-align: center;
	width: 910px;
}
	
/* Photo frames */

table.photo-frame .topx-- {
	background-image: url(Images/frame-topx--.gif);
}

table.photo-frame .top-x- {
	background-image: url(Images/frame-top-x-.gif);
}

table.photo-frame .top--x {
	background-image: url(Images/frame-top--x.gif);
}

table.photo-frame .midx-- {
	background-image: url(Images/frame-midx--.gif);
}

table.photo-frame .mid--x {
	background-image: url(Images/frame-mid--x.gif);
}

table.photo-frame .botx-- {
	background-image: url(Images/frame-botx--.gif);
}

table.photo-frame .bot-x- {
	background-image: url(Images/frame-bot-x-.gif);
}

table.photo-frame .bot--x {
	background-image: url(Images/frame-bot--x.gif);
}

table.album-frame {
	margin: 0px auto;
}

table.album-frame .top-x--- {
	background-image: url(images/album-tstretch.gif);
}

table.album-frame .top--x-- {
	background-image: url(images/album-tstretch.gif);
}

table.album-frame .top---x- {
	background-image: url(images/album-tstretch.gif);
}

table.album-frame .mtpx---- {
	background-image: url(images/album-lstretch.gif);
}

table.album-frame .mtp----x {
	background-image: url(images/album-rstretch.gif);
}

table.album-frame .midx---- {
	background-image: url(images/album-lstretch.gif);
}

table.album-frame .mid----x {
	background-image: url(images/album-rstretch.gif);
}

table.album-frame .mbtx---- {
	background-image: url(images/album-lstretch.gif);
}

table.album-frame .mbt----x {
	background-image: url(images/album-rstretch.gif);
}

table.album-frame .bot-x--- {
	background-image: url(images/album-bstretch.gif);
}

table.album-frame .bot--x-- {
	background-image: url(images/album-bstretch.gif);
}

table.album-frame .bot---x- {
	background-image: url(images/album-bstretch.gif);
}

/*
*
* Content pages
*
*
*/

/* General */




.grid
{
	border: solid 1px #f16c1b;
}

.grid-empty
{
	border: none;
}

.grid-item
{
	text-align: left;
	padding: 10px 10px 10px 10px;
	vertical-align: top;
}

.grid-item-event-title
{
	text-align: left;
	padding: 10px 10px 10px 10px;
	vertical-align: top;

	width:180px;
}

.grid-heading
{
	background-color: #bec5ca;
	text-align: left;
	padding: 10px 10px 10px 10px;
}

.grid-basic-header
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #535353;
	font-weight: bold;
}
	
.grid-basic-item
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #6f7e87;
	font-weight: normal;
	line-height: 15px;
}

/* TermsOfService, Privacy etc... */

.legal-content
{
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.legal-content h1
{
	font-size: x-large;
}

.legal-content h2
{
	font-size: large;
}



/* -----------------------------------------------------------------------

MyProfile

*/

.myprofile-table td
{
	padding: 5px;
}

/* -----------------------------------------------------------------------

PurchaseTickets

*/

/* ConfirmTicketPurchase */

.confirm-purchase-total
{
	font-size: 14px;
	color: #e06419;
	font-weight: bold;
}


/* PurchaseTickets.aspx  */


#order-summary
{
}

#order-summary .section
{
	font-size: 13px;
	font-weight: normal;
	color: #535353;
	background-color: Transparent;
}

#order-summary .heading
{	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #535353;
	font-weight: bold;
}

#order-summary .detail
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #6f7e87;
	font-weight: normal;
	line-height: 15px;
	text-align: right;
}

#order-summary .summary-detail
{
	text-align: right;
	color: #6f7e87;
	font-weight: normal;
	line-height: 15px;
}

#order-summary .donation-message
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #6f7e87;
	font-weight: normal;
	line-height: 15px;
	text-align: justify;
}

#order-summary .total .heading
{
	font-size: 14px;
	color: #e06419;
	font-weight: bold;
}

#order-summary .total .detail
{
	font-size: 14px;
	color: #e06419;
	font-weight: bold;
}

#order-summary a:link {text-decoration: none; color: #e06419; font-weight: normal;}
#order-summary a:visited {text-decoration: none; color: #e06419; font-weight: normal;}
#order-summary a:hover {color: #117375; text-decoration: none; font-weight: normal;}
#order-summary a:active {color: #e06419; text-decoration: none; font-weight: normal;} 

.congratulations-message
{
	background-color: #DBDDDF;
	border: solid 1px #999999;
	width: 95%;
	text-align: center;
	font-size: 13px;
	margin: 20px auto;
}

.congratulations-message p
{
	padding: 20px 10px;
}

.congratulations-message #bring-receipt
{
	font-weight: bold;
	color: #f16c1b;
} /* #e06419 */



/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* First pass refactoring complete, 2nd pass required

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

.content-box-plain-grey
{
	background-color: #DBDDDF;
	border: solid 1px #999999;
	width: 95%;
	text-align: left;
	padding: 10px;

	position: relative;
	margin: 0px auto;
}

.content-box-styled
{
	width: 250px;
	height: 257px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #2e2e2e;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
}

.content-box-styled .heading
{
	height: 18px;
	width: 205px;
	padding: 20px 10px 10px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	color: White;
}

.content-box-styled .content
{
	width: 205px;
	height: 185px;
	text-align: left;
	padding: 10px;
}

.content-box-styled .footer
{
	background: none;
}




/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* REFACTOR COMPLETE */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* General HTML elements */
/* ----------------------------------------------------------------------------------------------- */

body 
{
	background-color: #a2adb4;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {text-decoration: none; font-weight: bold; color: #2e2e2e;}
a:hover {color: #117375;}

img {border-style: none;}


/* ----------------------------------------------------------------------------------------------- */
/* Input elements */
/* ----------------------------------------------------------------------------------------------- */

.button
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.button a { color: #ffffff; text-decoration: none; font-weight: normal; }

.button.teal
{
	background-color: #008b86;
	border: 1px solid #99d1cf;
}	
.button.teal a:hover { color: #2f3834; }

.button.orange
{
	background-color: #ff7826;
	border: 1px solid #ffc478;
}
.button.orange a:hover { color: #4b5651; }

.button.red
{
	background-color: #eb2a2d;
	border: 1px solid #ffffff;
}
.button.red a:hover { color: #2f3834; }

.button.grey
{
	background-color: #DBDDDF;
	border: 1px solid #999999;
}
.button.grey a { color: #e06419; }
.button.grey a:hover { color: #117375; }

.button.cancel
{
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	display: inline-block; /* allows text-decoration: underline to work */
	color: #2e2e2e;
	border: none;
	text-decoration: underline;
	background-color: Transparent;
	cursor: pointer;
}

.button-set
{
	text-align: right; 
	margin: 15px 0 15px 0;
}

.button-set-center
{
	text-align: center; 
	margin: 15px auto 15px auto;
}

.button-set-left 
{
	text-align: left; 
	margin: 15px 0 15px 0;
}

.textbox 
{
	border: 1 solid #595959; 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #464646;
}

.textbox.watermark
{
	color: #969696;
	text-transform: lowercase;
}

.dropdown
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #464646;
}

/* ----------------------------------------------------------------------------------------------- */
/* Typography */
/* ----------------------------------------------------------------------------------------------- */

h1, h2, h3
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #00a4ae;
	font-weight: bold;
}

h1
{ 
	font-size: xx-large;
}
h2
{ 
	font-size: x-large;
}

h3
{ 
	font-size: 16px;
}

.shindigg
{
}

.text-page .shindigg
{
	color: #e06419;
}

/* ----------------------------------------------------------------------------------------------- */
/* Tables */
/* ----------------------------------------------------------------------------------------------- */

.info-table 
{ 
	text-align: left;
}

.info-table .heading 
{ 
	color: #535353;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	vertical-align: top;
	width: 20%;
}

.info-table .detail 
{
	color: #6f7e87;
	line-height: 15px;
	padding-left: 5px;
	vertical-align: top;
}

.info-table .section 
{ 
	background-color: #bec5ca;
	color: #535353;
	font-weight: bold;
	padding-right: 5px;
	height: 16px;
	padding: 5px 5px 5px 5px;
}

.info-table .hilight
{ 
	background-color: Yellow;
}

/* ----------------------------------------------------------------------------------------------- */
/* Content boxes */
/* ----------------------------------------------------------------------------------------------- */

.box .content
{
	width: auto;
	text-align: left;
	padding: 10px;
}

.box.grey
{
	width: 250px;
	height: 257px;
	background-image: url(images/box-square-grey-blank.png);
	background-repeat: no-repeat;
	text-align: left;
	border: none;
}

.box.grey .header
{ 
	padding-top: 22px;
	padding-left: 10px;
	padding-bottom: 8px;
}

.box.grey .content
{
	width: 230px;
	color: #615a56;
}

/* ----------------------------------------------------------------------------------------------- */
/* Grid */
/* ----------------------------------------------------------------------------------------------- */

.grid2
{
	border: none;
	width: 100%;
}

.grid2 .heading, .grid2 .row, .grid2 td, .grid2 th
{
	border: solid 1px #bec5ca;
	border-collapse: collapse;
}

.grid2 .empty td
{
	border: none;
}



/* ----------------------------------------------------------------------------------------------- */
/* Display messages */
/* ----------------------------------------------------------------------------------------------- */

.user-message-wrapper
{
	background-color: #DBDDDF;
	border: solid 1px #999999;
	width: 80%;
	text-align: center;
	padding: 20px 20px 20px 20px;

	position: relative;
	margin: 20px auto 20px auto;
}

.user-message-wrapper a:link {text-decoration: none; color: #e06419; font-weight: bold;}
.user-message-wrapper a:visited {text-decoration: none; color: #e06419; font-weight: bold;}
.user-message-wrapper a:hover {color: #117375; text-decoration: none; font-weight: bold;}
.user-message-wrapper a:active {color: #e06419; text-decoration: none; font-weight: bold;} 

.user-message-wrapper .info
{
}

.user-message-wrapper .error
{
	color: Red;
	font-weight: bold;
}

.user-message-wrapper .success
{
	color: #008b86;
}

 /* This is basically user-message-wrapper + error. 
	Needs to be it's own class for the ValidationSummary control */
.validation-error
{
	background-color: #DBDDDF;
	border: solid 1px #999999;
	width: 80%;
	text-align: center;
	padding: 20px 20px 20px 20px;
	position: relative;
	margin: 20px auto 20px auto;
	color: Red;
	font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------- */
/* Modals and Popups */
/* ----------------------------------------------------------------------------------------------- */

.modal-background
{
	height: 100%;
	width: 100%;
	background-color: gray;
	filter: alpha(opacity=60);
	opacity: 0.6;
	MozOpacity: 0.6;
}

.modal-background-fullscreen
{
	width: 100%;
	height: 100%;
	position: fixed; 
	top:0; 
	left:0;
	background-color: gray;
	filter: alpha(opacity=60);
	MozOpacity: 0.6;
	opacity: 0.6;
	padding: 0px;
	margin: 0px;
}

.update-progress-dialog
{
	text-align: center;
	position: absolute;
	width: 220px;
	height: 60px;
	top: 40%;
	left: 50%;
	margin-top: -30px;
	margin-left: -110px;
	padding: 15px;
	background: white;
}

.update-progress-dialog table
{
	margin: 0px auto;
	height: 100%;
	vertical-align: middle;
}

.modal-popup
{
	text-align: center;
	background-color: #DBDDDF;
	border: solid 1px #999999;
	width: 450px;
	margin-top: 20px;
	padding: 20px 20px 20px 20px;
	position: relative;
	margin: 0px auto;
}

.modal-popup a:link {text-decoration: none; color: #e06419; font-weight: bold;}
.modal-popup a:visited {text-decoration: none; color: #e06419; font-weight: bold;}
.modal-popup a:hover {color: #117375; text-decoration: none; font-weight: bold;}
.modal-popup a:active {color: #e06419; text-decoration: none; font-weight: bold;} 

.modal-popup-content
{
	text-align: center;
	background-color: #DBDDDF;
	border: solid 1px #999999;
	width: 850px;
	height: 90%;
	padding: 20px 20px 20px 20px;
	position: relative;
	margin: 0px auto;
}

.modal-popup-content .content
{
	width: 95%;
	height: 85%;
	min-height: 85%;
	overflow: auto; 
	background-color: #ffffff;
	text-align: left;
	padding: 10px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Master Page */
/* ----------------------------------------------------------------------------------------------- */

#container
{
	width: 958px;
	padding: 0px 8px;
	margin: 0px auto;
	height: 100%;
	display: inline-block;
	display: block;
	background-image:url('/Assets/Images/canvas-bg.png');
	background-repeat: repeat-y;
}

#container:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#canvas
{
	float:left;
	display:block;
	width: 958px;
	margin: 0px auto;
	background: #ffffff;
	padding-bottom: 4px;
}

#canvas-content
{
	margin: 0px auto;
	width: 950px;
}

#canvas-bottom
{
	width: 974px;
	margin: 0px auto;
	display: inline-block;
	display: block;
	clear: both;
	height: 14px;
}

#canvas-bottom-repeat
{
	min-height: 20px;
	float: left;
	background-image: url('/Assets/Images/canvas-bottom-repeat.png');
	background-repeat:repeat-x;
	width: 958px;
}

#header
{
	border-top: solid 3px #4B5651;
	display: block;
	background-image: url('Images/header-bg.png');
	width: 950px;
	min-height: 130px;
	height: 130px;
}

#header-content
{
	width: 710px;
	float: left;
	min-height: 60px;
	height: 60px;
	color: #ffffff;
	font-size: 12px;
	text-align: right;
}

#header-content a {text-decoration: none; color: #ffc59a; font-weight: normal;}
#header-content a:hover {color: #564a44;}

#header-content table
{
	width: 100%;
}

#header-content table td
{
	padding-top: 7px;
}

#logo
{
	float: left;
	width: 225px;
	min-width:225px;
	height:100px;
	min-height:100px;
}

#logo img
{
	margin-top: 30px;
	margin-left: 25px
}

#logo #logoHousePic
{
	margin: 0px 0px 6px -10px;
	display: none;
}

#header-menu
{
	margin: 0;
	display: block;
	float: left;
	width: 700px;
	text-align: left;
	padding-left: 7px;
	padding-top: 9px;
}

#header-menu .item
{
	width: 175px;
	height: 60px;
	float: left;
}

#header-menu:after
{
	clear: both;
	float: none;
}

#main-content
{
	width: 100%;
	min-height: 450px;
	margin-top: 4px;
	margin-bottom: 4px;
	display: inline-block;
	background: url('Images/main-content-background.png');
}

#footer
{
	clear: both;
	text-align: center;
}

#footer-nav 
{
	clear: both; 
	background-color: #4B5651;
	height: 24px;
	font-size: 12px;
	padding-top: 8px;
	text-transform:lowercase;
}
	
#footer-nav a {text-decoration: none; font-weight: normal; color: #ffffff;}
#footer-nav a:hover {color: #45cfd7;}

#footer-content { 
	background-color: #DBDDDF;
	font-size: 11px;
	color: #615a56;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 22px;
	margin-top: 4px;
}

#footer-content a {text-decoration: none; font-weight: normal; color: #4d7180;}
#footer-content a:hover {color: #c59c4c;}

/* ----------------------------------------------------------------------------------------------- */
/* General Layout */
/* ----------------------------------------------------------------------------------------------- */

.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* slightly enhanced, universal clearfix hack */
.clearfix
{
	display: inline-block;
}
/* start commented backslash hack \*/* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* close commented backslash hack */

.general-page
{
	padding: 25px;
	margin: 0px auto;
}

.minimal-content-page
{
	margin: 40px;
	font-size: 12pt;
}

.minimal-content-page .textbox
{
	font-size: 12pt;
}

.text-page
{
	text-align: justify;
	color: #535353;
	font-size: 14px;
	padding: 25px;
	line-height: 18px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Other Layout */
/* ----------------------------------------------------------------------------------------------- */

.left-column
{
	width: 650px;
	float: left;
	text-align: left;
	padding: 10px 10px 30px 10px;
}

.right-column
{
	width: 250px;
	float: right;
	text-align: left;
	padding: 10px 10px 30px 10px;
}

.extend 
{
	width: 100%;
}

.center
{
	text-align: center;
	margin: 0px auto;
}

.horizontal-spacer
{
	clear: both;
	min-height: 25px;
	height: 25px;
}

.vertical-spacer
{
	width: 27px;
	min-width: 27px;
	display: inline-block;
	float: left;
}

/* ----------------------------------------------------------------------------------------------- */
/* Specific Controls */
/* ----------------------------------------------------------------------------------------------- */

.box.grey.login .content
{
	text-align: right;
	line-height: 23px;
}

.box.grey.popular-events .content
{
	line-height: 14px;
}

.box.grey.popular-events .content .item
{
	margin-bottom: 10px;
	width: 220px;
	max-width: 220px;
	overflow: hidden;
	word-wrap: break-word;
}	

.box.grey.popular-events .content .item img
{
	float: left;
	vertical-align: middle;
}	

.box.grey.popular-events .content .item .text-party-name
{
}	

.box.grey.popular-events .content .item .text-date
{
	font-style: italic;
	font-weight: normal;
}

/* ----------------------------------------------------------------------------------------------- */
/* Specific pages */
/* ----------------------------------------------------------------------------------------------- */

/* Default.aspx */

#default_aspx
{
	margin: 15px auto;
	width: 910px;
	height: 540px;
}

#default_aspx #login-wrapper
{
	float: left;
}

#default_aspx .box.hilight
{
	width: 633px;
	height: 257px;
	background-image: url(images/home-highlight.jpg);
	background-repeat: no-repeat;
	float: left;
}

#default_aspx .box.hilight .wrapper
{
	padding: 48px 20px 0 388px;
}

#default_aspx .box.hilight .wrapper p
{
	font-size: 9pt;
	color: #FFFFFF;
	line-height: 16px;
	text-align: justify;
}

#default_aspx .box.grey.login.vw-logged-in .content
{
	line-height: 18px;
	font-size: 10pt;
	text-align: left;
}

#default_aspx .box.grey.popular-events
{
	float: left;
}

#default_aspx .box.getting-started
{
	width: 633px;
	height: 83px;
	background-image: url(images/box-rect-dkgrey-blank.png);
	background-repeat: no-repeat;
	float: left;
	display: inline-block;
}

#default_aspx .box.getting-started .header
{
	width: 142px;
	height: 33px;
	float: left;
}

#default_aspx .box.getting-started .header img
{
	margin-top: 50px;
	margin-left: 15px;
}

#default_aspx .box.getting-started .content
{
	color: #615a56;
	font-size: 10pt;
	font-weight: normal;
	line-height: 20px;
	padding-top: 20px;
	padding-left: 160px;
	padding-right: 14px;
}

#default_aspx .box.check-this-out
{
	width: 249px;
	height: 149px;
	background-image: url(images/check-this-out-bg-blank.png);
	background-repeat: no-repeat;
	float: left;
}

#default_aspx .box.check-this-out .header
{
	padding-top: 17px;
	padding-left: 15px;
	padding-right: 14px;
}

#default_aspx .box.check-this-out .content
{
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 14px;
}

#default_aspx .box.check-this-out a {text-decoration: none; color: #117375; font-weight: bold;}
#default_aspx .box.check-this-out a:hover, .box.check-this-out a:active {color: #2e2e2e;}

#default_aspx .box.pics
{
	float:left;
}

#default_aspx .box.pics .content
{
	float: left;
	padding: 0;
}

#default_aspx .box.pics .header
{
	float:left;
}

/* SelectTickets.ascx */

#select-tickets .restricted-ticket-message
{
	font-style:italic;
}

#select-tickets a {text-decoration: none; color: #e06419; font-weight: normal;}
#select-tickets a:hover {color: #117375;}