/* ############################################################################

IMPORTANT!!!! 
Please attempt to override these styles using specificity rather than editing 
the values in this stylesheet. You can create the new rules directly in layout.master 
or use the custom/t2customer.css stylesheet. For guidance in understanding 
css rule precendence, please see:

* http://www.w3.org/TR/CSS2/cascade.html if you are looking for something overly technical
* http://htmldog.com/guides/cssadvanced/specificity/ if you are looking for something overly simple
* http://snook.ca/archives/html_and_css/understanding_c if you are looking for something juuuuust right

*/
/* ############################################################################
### ADJUST SOME STUFF FOR PRINTING */

@media print
{
	*
	{
		font-style: normal;
	}

	.t2mode span
	{
		background-color: transparent !important;
		border-width: 0 !important;
		display: block !important;
		text-align: center !important;
		position: static !important;
	}

	#t2-container .configlink
	{
		display: none;
	}

	#t2-container .breadcrumb
	{
		display: none !important;
	}

	#t2-container .header
	{
		display: block;
		font-weight: bold;
		font-size: 1.25em;
		margin-bottom: 1em;
	}

	body
	{
		background-color: #fff;
		color: #000;
	}

	#t2-container .noPrint, #t2-container .requirement
	{
		display: none;
	}

	#t2-container fieldset
	{
		border-width: 0;
		margin: .5em 0;
	}

	/* cart view/receipt print styles */
	#t2-container table.cartItems .printitem
	{
		display: none;
	}

	#t2-container span.moreDetailsToggle
	{
		display: none !important;
	}

	#t2-container .moreDetails
	{
		display: block !important;
	}
}

/* ############################################################################
### TEXT-BASED PRINTABLE PERMIT STYLES */

/* (SCREEN ONLY) */
@media screen
{
	div.printablePermitData
	{
		width: 50em;
		max-width: 90%;
		margin: 0 auto;
		border: 1px solid #ccc;
		padding: 1em;
	}
}
/* (PRINT ONLY) */
@media print
{
	body.viewPrintablePermit .noPrint
	{
		display: none !important;
	}
	/* make absolutely sure the buttons are hidden when page is printed */
}

/* ############################################################################
### EMBEDDED FONTS */

@font-face
{
	font-family: 'OpenSansLight';
	src: url('../fonts/open-sans/OpenSans-Light-webfont.eot');
	src: url('../fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSansLightItalic';
	src: url('../fonts/open-sans/OpenSans-LightItalic-webfont.eot');
	src: url('../fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-LightItalic-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSansRegular';
	src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot');
	src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSansItalic';
	src: url('../fonts/open-sans/OpenSans-Italic-webfont.eot');
	src: url('../fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSansSemibold';
	src: url('../fonts/open-sans/OpenSans-Semibold-webfont.eot');
	src: url('../fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSansSemiboldItalic';
	src: url('../fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot');
	src: url('../fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSansBold';
	src: url('../fonts/open-sans/OpenSans-Bold-webfont.eot');
	src: url('../fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSansBoldItalic';
	src: url('../fonts/open-sans/OpenSans-BoldItalic-webfont.eot');
	src: url('../fonts/open-sans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSansExtrabold';
	src: url('../fonts/open-sans/OpenSans-ExtraBold-webfont.eot');
	src: url('../fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSansExtraboldItalic';
	src: url('../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot');
	src: url('../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ############################################################################
### BASIC, COMMON BODY STUFF */

body
{
	/* some color/font settings */
	font: 90%/1.5 helvetica, arial, "bitstream sans", sans-serif;
	background: #fff;
	color: #000;
}

#t2-container .err
{
	color: #f00 !important;
}
/* currently used for error messages inside table cells */

#t2-container ul.navigation
{
	line-height: 1.5em;
}

#t2-container .separatedContent
{
	border: 1px solid #999;
	border-width: 1px 0;
	padding: 1em 0;
	margin: 1.5em 0;
}

.text-error 
{
	color: #b94a48;
}
.muted 
{
	color:#777;
}

/* ############################################################################
### DATAGRID PAGING */

tr.tablePaging table { border-collapse: separate; }
tr.tablePaging td
{
	background: #f3f3f3;
	font-size: 0.9em;
    border-color: #f0f0f0 !important;
    border-bottom-color: #aaa !important;
}
tr + tr.tablePaging td 
{
    border-bottom-color: #f0f0f0 !important;
    border-top-color: #aaa !important;
}
#t2-container tr.tablePaging table { width: auto; }
#t2-container tr.tablePaging table td { border-width: 0; }

tr.tablePaging span, tr a
{
	padding: 0 0.25em;
}

tr.tablePaging span
{
	color: #666;
	font-weight: bold;
}

tr.tablePaging a
{
	text-decoration: none;
}

/* ############################################################################
### CONFIG LINK (displayed to admins on frontend */

#t2-container .configlink a
{
	background: #cc6;
	background: rgba(204,204,102,0.5);
	font-size: 0.8em;
	color: #330;
	border: 1px solid #552;
	border-color: rgba(102,102,51,0.5);
	margin: 0;
	padding: .25em 1em;
	position: fixed;
	top: 5px;
	right: 5px;
	z-index: 10000;
}

	#t2-container .configlink a:hover
	{
		background: #ee9;
	}

/* ############################################################################
### PAGE HEADER AREA */

#t2-container .breadcrumb
{
	display: block;
	margin: 1em 0;
	line-height: 1.5em;
	font-size: 0.9em;
	color: #222;
	font-weight: bold;
}

#t2-container .headerContainer
{
	margin: 1em 0;
    position: relative;
}

	#t2-container .headerContainer br
	{
		display: none;
	}
	/* This was an inelegant solution to the problem. 
														I'm turning br elements back on for the span.headerinst block (below) - PJS-20110503 (6.6.4) */
	#t2-container .headerContainer span.headerinst br
	{
		display: block;
	}

    #t2-container .headerContainer .editPage
    {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0.5;
    }

    #t2-container .headerContainer .editPage:hover
    {
        opacity: 1;
    }

#t2-container .header
{
	display: block;
	line-height: 1.5em;
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
}

#t2-container .headerinst
{
	display: block;
	margin: 1em 0;
}

#t2-container .error
{
	display: block;
	margin: 1em 0;
	text-align: center;
	line-height: 1.35em;
	font-weight: bold;
	color: #900;
	background: #eed;
}

/* ############################################################################
### MESSAGES */

#t2-container .toast 
{
	font-size:0.8em;
	display:block;
	z-index:20001;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#t2-container .toast span
{
	display:inline-block;
	background:#FFFFDD;
	background:rgba(255,255,221,0.8);
	color:#330;
	padding:0.25em 0.5em;
	border:1px solid #bb9;
	border-top-width:0;
}

#t2-container .t2MessageContainer .message
{
	display: block;
	margin: 1em 0;
	text-align: left;
	color: #000;
	background: #c0d9f0;
	border: 1px solid #7089a0;
	padding: .5em;
	line-height: 2em;
	font-weight: bold;
	min-height: 32px;
	font-size: 16px;
}

	#t2-container .t2MessageContainer .message a
	{
		color: inherit;
	}

	/* Centering text vertically inside of message container (doesn't work in IE6/IE7) */
	#t2-container .t2MessageContainer .message .messageContents
	{
		display: table;
		overflow: hidden;
	}

	#t2-container .t2MessageContainer .message .messageText
	{
		display: table-cell;
		vertical-align: middle;
	}

		#t2-container .t2MessageContainer .message .messageText.visibleDetails
		{
			display: block;
		}

		#t2-container .t2MessageContainer .message .messageText.hiddenDetails .details
		{
			display: none;
		}

	#t2-container .t2MessageContainer .message .details
	{
		font-weight: normal;
		font-size: 0.9em;
		padding-left: 44px;
		margin-top: 1em;
		line-height: 1.5em;
	}

	#t2-container .t2MessageContainer .message .detailFrobber
	{
		font-size: 0.75em;
		text-decoration: none;
		font-weight: normal;
		color: inherit;
		padding: 0 1em;
		float: right;
		outline: none;
	}

	#t2-container .t2MessageContainer .message .icon
	{
		font-size: 1.75em;
		margin-right: 0.3em;
		vertical-align: middle;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.8);
	}

	#t2-container .t2MessageContainer .message .timestamp
	{
		display: none;
	}

#t2-container .t2MessageContainer .error
{
	color: #300;
	background: #fee;
	border-color: #900;
}

#t2-container .t2MessageContainer .warning
{
	color: #330;
	background: #ffd;
	border-color: #996;
}

#t2-container .t2MessageContainer .success
{
	color: #030;
	background: #ded;
	border-color: #090;
}

#t2-container .t2MessageContainer .temporary
{
	min-height: 1em;
	font-size: .8em;
	line-height: 1.5em;
	text-align: center;
	z-index: 20000;
	margin: 0;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

	#t2-container .t2MessageContainer .temporary .icon
	{
		display: none;
	}

/* HERO UNIT */

#t2-container .hero-unit
{
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	border-radius: 6px;
	margin: 30px 0;
	padding: 60px;
}

body.t2admin #t2-container .hero-unit h1
{
	color: inherit;
	font-size: 60px;
	letter-spacing: -1px;
	line-height: 1;
	margin: 0;
	color: #555;
}

#t2-container .hero-unit p
{
	color: inherit;
	font-size: 18px;
	font-weight: 200;
	line-height: 27px;
	margin: 9px 0 18px;
}

body #t2-container .btn-large,
#t2-container .pseudo-button.btn-large
{
	border-radius: 5px;
	border-color: #05a;
	line-height: normal;
	background: #0074cc;
	color: #fff;
	text-shadow: none;
	font-size: 15px;
	padding: 9px 14px;
	font-weight: normal;
}

	body #t2-container .btn-large:hover,
	#t2-container .pseudo-button.btn-large:hover
	{
		background: #05c;
		color: #fff;
	}

/* ############################################################################
### POPUP MODAL DIALOG */

#t2-container .popConfirmationWrapper,
#t2-container .popLoadingWrapper
{
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 19000;
	width: 100%;
	height: 100%;
}
	/* push nested instances above their parents and don't display a background */
	#t2-container .popConfirmationWrapper .popConfirmationWrapper,
	#t2-container .popLoadingWrapper .popLoadingWrapper
	{
		background-color: transparent;
		z-index: 19001;
	}

#t2-container #popLoadingDialog
{
	position: absolute;
	border: 1px solid #999;
	width: 200px;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -5em;
	background: #fff;
	box-shadow: 0 0px 18px rgba(0,0,0,0.75);
	line-height: 2em;
	font-size: 0.75em;
	padding: 0.25em;
	text-align: center;
	text-transform: uppercase;
	color:#111;
}
#t2-container #popLoadingDialog i.ebicon-spinner
{
	display:block;
	color:#666;
	text-align:center;
	margin:0.25em 0 0 0;
	font-size:2.5em;
	width:100%;
}
.popConfirmationDialogWrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 30%;
    text-align: center;
}
#t2-container .popConfirmationDialog
{
    text-align: left;
	min-height: 4em;
	margin: auto;
    max-width: 60%;
    display:inline-block;
	background: #e0e0e0;
	-moz-box-shadow: 0 0 36px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0 0 36px rgba(0,0,0,0.75);
	box-shadow: 0 0 36px rgba(0,0,0,0.75); /* ie9,ff4,chrome,opera10.5*/
	-moz-border-radius: 8px; /* older mozilla */
	-webkit-border-radius: 8px; /* older webkit */
	border-radius: 8px; /* all current browsers */
}
@media screen and (max-width: 1024px) /* if equal to or smaller than 1024 */
{
    #t2-container .popConfirmationDialog {
        max-width: 80%;
    }
}
@media screen and (max-width: 540px) /* if equal to or smaller than 540 */
{
    #t2-container .popConfirmationDialog {
        max-width:94%;
    }
}

#t2-container .popConfirmationTitle
{
	font-size: 1.2em;
	line-height: 2em;
	background-color: #d0d0d0;
	border-bottom: 1px solid #bbb;
	/*
	background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.25));
	background-image:-webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.25)));
*/
	min-height: 1.5em;
	-moz-border-radius: 8px 8px 0 0; /* older mozilla */
	-webkit-border-radius: 8px 8px 0 0; /* older webkit */
	border-radius: 8px 8px 0 0; /* all current browsers */
	padding: .25em 0.75em;
	text-shadow: 1px 1px 0 #e0e0e0;
}

#t2-container .popConfirmationText
{
	padding: 1em;
}

#t2-container .popConfirmationButtonWrapper
{
	text-align: center;
	padding: 0.5em 0;
}

	#t2-container .popConfirmationButtonWrapper a
	{
		outline: none;
	}

/* ############################################################################
### ACCOUNT MODULES */

#t2-container .accountModule
{
	/* background:#f8f3d2; */
	background: #e6e6e6;
	color: #111;
	margin: 1em 0;
	-moz-border-radius: 12px; /* older mozilla */
	-webkit-border-radius: 12px; /* older webkit */
	border-radius: 12px; /* all current browsers */
	overflow: hidden;
}

	#t2-container .accountModule .headerContainer
	{
		/* background:#2d637f; */
		background: #065f99;
		background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.15));
		background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.15)));
		background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.15));
		color: #fff;
		-moz-border-radius: 12px 12px 0 0; /* older mozilla */
		-webkit-border-radius: 12px 12px 0 0; /* older webkit */
		border-radius: 12px 12px 0 0; /* all current browsers */
		padding: 0.25em 0.5em;
		margin: 0;
	}

	#t2-container .accountModule .dataContainer
	{
		min-height: 2em;
		padding: 0.75em 0.5em;
		display: block;
		overflow: hidden;
		line-height: 1.25em;
	}

@media screen and (min-width: 700px) /* if viewport larger than 700px */
{
	/* use columns */
	#t2-container .accountModule .dataContainer .column
	{
		float: left;
		overflow: hidden;
		width: 50%;
	}
}

#t2-container .accountModule .dataContainer span.label
{
	display: inline-block;
	width: 6em;
	padding-bottom: 0.5em;
}

	#t2-container .accountModule .dataContainer span.label + br
	{
		clear: left;
	}

#t2-container .accountModule .dataContainer span.data
{
	display: inline-block;
	margin-right: 2em;
	padding-bottom: 0.5em;
}

	#t2-container .accountModule .dataContainer span.data + br
	{
		clear: left;
	}

#t2-container .accountModule a
{
	/*color:#a73935; */
	padding-bottom: 0.5em;
}

/* ############################################################################
### TABLES */

#t2-container table
{
	background-color: transparent;
	border-collapse: collapse;
	font-size: 0.95em;
	margin: 1em auto;
	width: 98%;
}

/************* borders */

/* for special tables and cells */
#t2-container tbody tr td.layoutCell
{
	border-width: 0;
}

#t2-container table.tableBuilder tr td
{
	background-color: #FFF;
}

#t2-container table.tableBuilder tr:nth-child(odd) td
{
	background-color: #EEE;
}

/* default cell border */
#t2-container td,
#t2-container th
{
	border: 1px solid #ccc;
}

	/* wrap the table in a darker border */
	#t2-container th:first-child,
	#t2-container td:first-child
	{
		border-left: 1px solid #999;
	}

	#t2-container th:last-child,
	#t2-container td:last-child
	{
		border-right: 1px solid #999;
	}

#t2-container tr:first-child th,
#t2-container tr:first-child td
{
	border-top: 1px solid #999;
}

#t2-container tr:last-child th,
#t2-container tr:last-child td
{
	border-bottom: 1px solid #999;
}

/* a row that looks like a gap between rows, since we (sadly) can't have multiple tbody support without 
quite a bit of work */
#t2-container tr.tableSpace td,
#t2-container tr.tableBigSpace td,
#t2-container tr.tableBreak td
{
	border-left-width: 0;
	border-right-width: 0;
	border-top: 1px solid #999;
}

#t2-container tr.redbg.tableBreak td
{
	background-color: #ff0000;
	height: 1px;
}

/* if a tableSpace/break/etc is the last row of the entire table, don't display the bottom border */
#t2-container tr.tableSpace:last-child td,
#t2-container tr.tableBigSpace:last-child td,
#t2-container tr.tableBreak:last-child td
{
	border-bottom-width: 0;
}

/************* spacing heights */

#t2-container tr.tableBreak td
{
	height: 0.25em;
	background-color: transparent;
}

#t2-container tr.tableSpace td
{
	height: 0.5em;
	background-color: transparent;
}

#t2-container tr.tableBigSpace td
{
	height: 1em;
	background-color: transparent;
}

/************* padding */

#t2-container td.layoutCell
{
	padding: 0.5em;
}

#t2-container td
{
	padding: 0.15em 0.25em;
}

#t2-container th,
#t2-container tr.tableHeader td
{
	padding: 0.25em;
}

/************* colors */

/* SORTING */
#t2-container table tr td span.sort,
#t2-container table tr th span.sort
{
	padding: 7px 6px;
	background: url(../../../inc/clientResources/images/sortable_unsorted.png) no-repeat center left;
}

#t2-container table tr td.sortAsc span.sort,
#t2-container table tr th.sortAsc span.sort
{
	background: url(../../../inc/clientResources/images/sortable_d.png) no-repeat center left;
}

#t2-container table tr td.sortDesc span.sort,
#t2-container table tr th.sortDesc span.sort
{
	background: url(../../../inc/clientResources/images/sortable_u.png) no-repeat center left;
}

/* ---------------------------------------------------------- */
/* new table styles for tables with class of "tabular" */

#t2-container table.tabular td,
#t2-container table.tabular th
{
	font-size: 0.9em;
	padding: 1em 0.5em;
	border-color: #ccc;
	text-align: left;
}

#t2-container table.tabular th
{
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(128,128,128,0.1)),to(rgba(196,196,196,0)));
	background-image: -moz-linear-gradient(bottom,rgba(128,128,128,0.1),rgba(196,196,196,0));
	background-image: linear-gradient(to top,rgba(128,128,128,0.1),rgba(196,196,196,0));
}

#t2-container table.tabular .centerAlign
{
	text-align: center;
}

/* less vertical padding in data and header cells. can be applied to individual rows or the whole table */
#t2-container table.tabular.thin th,
#t2-container table.tabular.thin td,
#t2-container table.tabular tr.thin th,
#t2-container table.tabular tr.thin td
{
	padding: 0.5em;
}

/* add a slight gradient to data cells, can be applied to individual rows or the whole table */
#t2-container table.tabular.raised td,
#t2-container table.tabular tr.raised td
{
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(128,128,128,0.1)),to(rgba(196,196,196,0)));
	background-image: -moz-linear-gradient(bottom,rgba(128,128,128,0.1),rgba(196,196,196,0));
	background-image: linear-gradient(to top,rgba(128,128,128,0.1),rgba(196,196,196,0));
}

#t2-container table.tabular tr
{
	background: #fff;
	color: #000;
}

#t2-container table tr.indent td:first-child,
#t2-container table tr.indent th:first-child
{
	padding-left: 2em;
}

#t2-container table.tabular tr.inforow
{
	background: #b8d3ec;
}

	#t2-container table.tabular tr.inforow td
	{
		border-color: #98b3cc;
		border-width: 2px 1px;
	}

#t2-container table.tabular tr.errorrow
{
	background: #ecb8b8;
}

	#t2-container table.tabular tr.errorrow td
	{
		border-color: #900;
		border-width: 2px 1px;
	}

#t2-container table.tabular tr.successrow
{
	background: #b8ecb8;
}

	#t2-container table.tabular tr.successrow td
	{
		border-color: #090;
		border-width: 2px 1px;
	}

#t2-container table.tabular tr.warningrow
{
	background: #ffc;
}

	#t2-container table.tabular tr.warningrow td
	{
		border-color: #990;
		border-width: 2px 1px;
	}

#t2-container table.tabular tr.tsuperheader
{
	background: #666;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

	#t2-container table.tabular tr.tsuperheader a
	{
		color: #fff;
	}

	#t2-container table.tabular tr.tsuperheader td,
	#t2-container table.tabular tr.tsuperheader th
	{
		border-color: #888;
		background-image: -webkit-gradient(linear,center bottom,center top,from(rgba(51,51,51,0.5)),to(rgba(102,102,102,0)));
		background-image: -moz-linear-gradient(bottom,rgba(51,51,51,0.5),rgba(102,102,102,0));
		background-image: linear-gradient(to top,rgba(51,51,51,0.5),rgba(102,102,102,0));
	}

#t2-container table.tabular tr.theader
{
	background: #999;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

	#t2-container table.tabular tr.theader td,
	#t2-container table.tabular tr.theader th
	{
		border-top-width: 3px;
		border-color: #777;
		border-top-color: #444;
		background-image: -webkit-gradient(linear,center bottom,center top,from(rgba(102,102,102,0.5)),to(rgba(102,102,102,0)));
		background-image: -moz-linear-gradient(bottom,rgba(102,102,102,0.5),rgba(102,102,102,0));
		background-image: linear-gradient(to top,rgba(102,102,102,0.5),rgba(102,102,102,0));
	}

		#t2-container table.tabular tr.theader td a,
		#t2-container table.tabular tr.theader th a
		{
			color: #fff;
		}
/* if a theader or tsubheader immediately follows an inforow, darken the border-color */
#t2-container table.tabular tr.inforow + tr.theader th,
#t2-container table.tabular tr.inforow + tr.theader td,
#t2-container table.tabular tr.inforow + tr.tsubheader th,
#t2-container table.tabular tr.inforow + tr.tsubheader td
{
	border-top-color: #7893ac;
}

#t2-container table.tabular tr.tableSpace td,
#t2-container table.tabular tr.tableBigSpace td
{
	background-color: transparent;
	background-image: none;
}

#t2-container table.tabular tr.tsubheader
{
	background: #eee;
	color: #111;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
}

	#t2-container table.tabular tr.tsubheader td,
	#t2-container table.tabular tr.tsubheader th
	{
		border-top-width: 3px;
		border-color: #999;
		background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(128,128,128,0.1)),to(rgba(196,196,196,0)));
		background-image: -moz-linear-gradient(bottom,rgba(128,128,128,0.1),rgba(196,196,196,0));
		background-image: linear-gradient(to top,rgba(128,128,128,0.1),rgba(196,196,196,0));
	}

		#t2-container table.tabular tr.tsubheader td a,
		#t2-container table.tabular tr.tsubheader th a
		{
			color: #66f;
		}

#t2-container .statusBlock
{
	padding: 0.25em 0.5em;
	color: #fff;
	border: 1px solid #ddd;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	white-space: nowrap;
}

	#t2-container .statusBlock.isOK
	{
		background: #7a7;
		border-color: #696;
	}

    #t2-container .statusBlock.schemaIsOK, #t2-container .statusBlock.schemaIsOK td
    {
        background: #ada;
        border-color: #696;
        border-width: 2px;
    }

	#t2-container .statusBlock.isWarning
	{
		background: #aa7;
		border-color: #996;
	}

    #t2-container .statusBlock.schemaIsWarning, #t2-container .statusBlock.schemaIsWarning td
    {
        background: #dda;
        border-color: #996;
        border-width: 2px;
    }

	#t2-container .statusBlock.isError
	{
		background: #c77;
		border-color: #966;
	}

    #t2-container .statusBlock.schemaIsError, #t2-container .statusBlock.schemaIsError td
    {
        background: #faa;
        border-color: #966;
        border-width: 2px;
    }

/* ---------------------------------------------------------- */
/* NEW DEFAULT TABLES */

/* ---------------------------------------------------------- */
/* new table styles for tables with class of "tabular" */

#t2-container table td,
#t2-container table th
{
	font-size: 0.9em;
	padding: 1em 0.5em;
	border-color: #ccc;
	text-align: left;
}

#t2-container table th
{
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(128,128,128,0.1)),to(rgba(196,196,196,0)));
	background-image: -moz-linear-gradient(bottom,rgba(128,128,128,0.1),rgba(196,196,196,0));
	background-image: linear-gradient(to top,rgba(128,128,128,0.1),rgba(196,196,196,0));
}

#t2-container table .centerAlign
{
	text-align: center;
}

/* less vertical padding in data and header cells. can be applied to individual rows or the whole table */
#t2-container table.thin th,
#t2-container table.thin td,
#t2-container table tr.thin th,
#t2-container table tr.thin td
{
	padding: 0.5em;
}

/* add a slight gradient to data cells, can be applied to individual rows or the whole table */
#t2-container table.raised td,
#t2-container table tr.raised td
{
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(128,128,128,0.1)),to(rgba(196,196,196,0)));
	background-image: -moz-linear-gradient(bottom,rgba(128,128,128,0.1),rgba(196,196,196,0));
	background-image: linear-gradient(to top,rgba(128,128,128,0.1),rgba(196,196,196,0));
}

#t2-container table tr
{
	background: #fff;
	color: #000;
}

	#t2-container table tr.indent td:first-child,
	#t2-container table tr.indent th:first-child
	{
		padding-left: 2em;
	}

	#t2-container table tr.inforow
	{
		background: #b8d3ec;
	}

		#t2-container table tr.inforow td
		{
			border-color: #98b3cc;
			border-width: 2px 1px;
		}

	#t2-container table tr.errorrow
	{
		background: #ecb8b8;
	}

		#t2-container table tr.errorrow td
		{
			border-color: #900;
			border-width: 2px 1px;
		}

	#t2-container table tr.successrow
	{
		background: #b8ecb8;
	}

		#t2-container table tr.successrow td
		{
			border-color: #090;
			border-width: 2px 1px;
		}

	#t2-container table tr.warningrow
	{
		background: #ffc;
	}

		#t2-container table tr.warningrow td
		{
			border-color: #990;
			border-width: 2px 1px;
		}

	#t2-container table tr.tableHeader,
	#t2-container table tr.tsuperheader
	{
		background: #666;
		color: #fff;
		font-weight: bold;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	}

		#t2-container table tr.tableHeader a,
		#t2-container table tr.tsuperheader a
		{
			color: #fff;
		}

		#t2-container table tr.tsuperheader td,
		#t2-container table tr.tsuperheader th,
		#t2-container table tr.tableHeader th,
		#t2-container table tr.tableHeader td
		{
			border-color: #888;
			background-image: -webkit-gradient(linear,center bottom,center top,from(rgba(51,51,51,0.5)),to(rgba(102,102,102,0)));
			background-image: -moz-linear-gradient(bottom,rgba(51,51,51,0.5),rgba(102,102,102,0));
			background-image: linear-gradient(to top,rgba(51,51,51,0.5),rgba(102,102,102,0));
		}

	#t2-container table tr.tableSubHeader,
	#t2-container table tr.theader
	{
		background: #999;
		color: #fff;
		font-weight: bold;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	}

		#t2-container table tr.tableSubHeader td,
		#t2-container table tr.tableSubHeader th,
		#t2-container table tr.theader td,
		#t2-container table tr.theader th
		{
			border-top-width: 3px;
			border-color: #777;
			border-top-color: #444;
			background-image: -webkit-gradient(linear,center bottom,center top,from(rgba(102,102,102,0.5)),to(rgba(102,102,102,0)));
			background-image: -moz-linear-gradient(bottom,rgba(102,102,102,0.5),rgba(102,102,102,0));
			background-image: linear-gradient(to top,rgba(102,102,102,0.5),rgba(102,102,102,0));
		}

			#t2-container table tr.tableSubHeader td a,
			#t2-container table tr.tableSubHeader th a,
			#t2-container table tr.theader td a,
			#t2-container table tr.theader th a
			{
				color: #fff;
			}
	/* if a theader or tsubheader immediately follows an inforow, darken the border-color */
	#t2-container table tr.inforow + tr.theader th,
	#t2-container table tr.inforow + tr.theader td,
	#t2-container table tr.inforow + tr.tsubheader th,
	#t2-container table tr.inforow + tr.tsubheader td
	{
		border-top-color: #7893ac;
	}

	#t2-container table tr.tableSpace td,
	#t2-container table tr.tableBigSpace td
	{
		background-color: transparent;
		background-image: none;
	}

	#t2-container table tr.tableMediumHeader,
	#t2-container table tr.tableLightHeader,
	#t2-container table tr.tsubheader
	{
		background: #eee;
		color: #111;
		font-weight: bold;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	}

		#t2-container table tr.tableMediumHeader th,
		#t2-container table tr.tableLightHeader th,
		#t2-container table tr.tsubheader td,
		#t2-container table tr.tsubheader th
		{
			border-top-width: 3px;
			border-color: #999;
			background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(128,128,128,0.1)),to(rgba(196,196,196,0)));
			background-image: -moz-linear-gradient(bottom,rgba(128,128,128,0.1),rgba(196,196,196,0));
			background-image: linear-gradient(to top,rgba(128,128,128,0.1),rgba(196,196,196,0));
		}

		#t2-container table tr.tableLightHeader th
		{
			background-color: #eed;
		}

			#t2-container table tr.tableMediumHeader th a,
			#t2-container table tr.tableLightHeader th a
			{
				color: #000;
			}

		#t2-container table tr.tableMediumHeader td a,
		#t2-container table tr.tableLightHeader td a,
		#t2-container table tr.tsubheader td a,
		#t2-container table tr.tsubheader th a
		{
			color: #66f;
		}


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

#t2-container td.layoutCell
{
	background-color: transparent;
}

#t2-container tr.tablePairedRowsTop
{
	background-color: White;
}

#t2-container tr.tablePairedRowsBottom
{
	border-bottom: 8px;
	border-color: #808080;
	border-bottom-style: solid;
}

#t2-container tr.tableEvenRow:hover td
{
	background-color: #f5f5e4;
}

#t2-container tr.tableOddRow:hover td
{
	background-color: #f5f5e4;
}

/* #t2-container td { background:#fefefe; } */
#t2-container tr.tableOddRow td
{
	background-color: #f0f0f0;
}

#t2-container tr.tableLightHeader th
{
	background-color: #eed;
}

	#t2-container tr.tableMediumHeader th a,
	#t2-container tr.tableLightHeader th a
	{
		color: #000;
	}

#t2-container th a
{
	color: #fff;
}

#t2-container tr.tableFooter th
{
	background-color: #666;
	border-color: #555;
	background-image: none;
	/*
	background-image:-moz-linear-gradient(top,rgba(0,0,0,0.25),rgba(0,0,0,0));
	background-image:-webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0.25)),to(rgba(0,0,0,0)));
	*/
}

#t2-container tr.tableFinalFooter th
{
	background-color: #333;
	color: #fff;
	border-color: #000;
	background-image: -moz-linear-gradient(top,rgba(0,0,0,0.25),rgba(0,0,0,0));
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0.25)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to bottom,rgba(0,0,0,0.25),rgba(0,0,0,0));
}

#t2-container tr.tableSuperGroup th,
#t2-container tr.tableSuperGroup td
{
	color: #fff;
	background-color: #065f99;
	border-color: #063f79;
	background-image: -moz-linear-gradient(top,rgba(0,0,0,0.25),rgba(0,0,0,0));
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0.25)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to bottom,rgba(0,0,0,0.25),rgba(0,0,0,0));
}

#t2-container caption,
#t2-container tr.tableGroup th
{
	background-color: #5b5;
	border-color: #393;
	background-image: -moz-linear-gradient(top,rgba(0,0,0,0.25),rgba(0,0,0,0));
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0.25)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to bottom,rgba(0,0,0,0.25),rgba(0,0,0,0));
}

	#t2-container tr.tableGroup th a
	{
		color: #fff;
	}

#t2-container caption
{
	color: #fff;
	padding: 0.25em 0.5em;
	text-align: left;
}

	#t2-container caption a
	{
		color: #fff;
	}

	#t2-container caption .tableLinks
	{
		text-align: right;
		width: 50%;
		display: block;
		float: right;
	}

#t2-container th a img
{
	border: 0;
	outline: 0;
}

#t2-container tr.tableHighlight td
{
	background-color: #ffc;
	font-weight: bold;
}

#t2-container tr.subtxt td
{
	font-style: italic;
	color: #69c;
}


/* ############################################################################
### FORMS */

#t2-container form
{
	margin: 1em 0;
}

	#t2-container form br
	{
		clear: left;
	}

	#t2-container form fieldset
	{
		margin-top: 1.5em;
		border-width: 0;
		border-color: #afd775;
		line-height: 2em;
	}

		#t2-container form fieldset:first-child
		{
			margin-top: 0;
		}

		#t2-container form fieldset legend
		{
			font-weight: bold;
		}

			/* makes a legend look like a label (but with an unrestricted width) */
			#t2-container form fieldset legend.label
			{
				font-weight: normal;
				font-size: 0.9em;
				background-color: #fafafa;
				background-color: rgba(0,0,0,0.025);
				margin-bottom: 0.5em;
				display: inline-block;
				text-align: right;
				padding-right: 10px;
				text-shadow: 0 0 2px rgba(0,0,0,0.15);
			}

	#t2-container form div.row.buttonRow
	{
		padding-left: 15.5em;
	}

	#t2-container form div.row
	{
		clear: left;
		margin-bottom: 0.5em;
	}

		#t2-container form div.row:last-child
		{
			margin-bottom: 0;
		}

		#t2-container form div.row .columnLeft
		{
			float: left;
			width: 50%;
		}

		#t2-container form div.row .columnRight
		{
			float: left;
			width: 50%;
		}

	#t2-container form fieldset .row.labelAbove label
	{
		display: block;
		padding-right: 0;
		width: auto;
		line-height: 1.25em;
		background-color: inherit;
		text-align: left;
		margin: 0.5em 0 0 0.5em;
	}

	#t2-container form fieldset .row.labelAbove input
	{
		display: block;
		margin: 0 0 0 0.5em;
	}

	#t2-container form fieldset label
	{
		font-size: 0.9em;
		background-color: #fafafa;
		background-color: rgba(0,0,0,0.025);
		margin-bottom: 2px;
		display: inline-block;
		width: 200px;
		text-align: right;
		padding-right: 10px;
	}

		#t2-container form fieldset label.autowidth
		{
			width: auto;
		}

	#t2-container form fieldset .mocklabel
	{
		background-color: rgba(0, 0, 0, 0.024);
		font-size: 0.9em;
		margin-bottom: 2px;
		padding: 0.5em 5px;
		text-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
	}

	#t2-container form span.requiredmark
	{
		color: #a00;
	}

#t2-container .requirement
{
	font-size: .8em;
	font-weight: bold;
	color: #222;
	padding-left: 1.4em;
	margin-left: 200px;
}

	#t2-container .requirement.left-align
	{
		margin-left: 0;
		;
	}

#t2-container .note
{
	font-size: .7em;
	color: #333;
}

#t2-container .validator
{
	font-size: 0.85em;
}

/* if an input is FOLLOWED by a label (usually the case for radio/checkbox inputs): */
#t2-container form fieldset.rightLabel input
{
	margin-left: 190px;
}

#t2-container form fieldset.rightLabel label,
#t2-container form fieldset input + label,
#t2-container form fieldset span.input + label
{
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 1em;
	text-align: left;
	min-width: 0;
	width: auto;
	margin-left: 10px;
	margin-right: 1em;
	vertical-align: middle;
}

#t2-container form fieldset span.selectedAddressVerification
{
	display: block;
	background: #fff;
	border: 1px solid #060;
	padding: 2px 5px;
	margin: 1em 10px 1em 217px;
	width: 400px;
	line-height: 1.5em;
	font-size: 0.8em;
	text-align: left;
}

	#t2-container form fieldset span.selectedAddressVerification p
	{
		margin-top: 0;
		line-height: 1.25em;
	}

#t2-container .subForm
{
	padding: 1em;
	border: 1px solid #ccc;
	width: 94.5%;
	background-color: #f6f6f6;
	margin: 1em auto;
}

	#t2-container .subForm > h3
	{
		margin-top: 0;
	}


/* ############################################################################
### FORM INPUT FIELDS */

#t2-container input[type="radio"],
#t2-container input[type="checkbox"]
{
	display: inline-block;
	vertical-align: middle;
	height: 2em;
}

#t2-container input[type="text"],
#t2-container input[type="email"],
#t2-container input[type="password"],
#t2-container input[type="file"],
#t2-container textarea,
#t2-container select
{
	min-width: 14em;
	padding: 0.35em 0.25em;
	background: #efefdf;
	border: 1px solid #888;
	margin: 0 0.5em;
	-moz-box-shadow: inset 1px 1px 8px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 1px 1px 8px rgba(0,0,0,0.25);
	box-shadow: inset 1px 1px 8px rgba(0,0,0,0.25); /*ie9,ff4,chrome,opera10.5 */
	background-image: -moz-linear-gradient(top,#eed,#ffe);
	background-image: -webkit-gradient(linear,center top,center bottom,from(#eed),to(#ffe));
	background-image: linear-gradient(to bottom,#eed,#ffe);
	text-shadow: 2px 1px 3px rgba(0,0,0,0.1);
	padding-right: 4px;
}

#t2-container select
{
	padding: 0;
	height: 2em;
	padding: 0.25em;
	background-color: #f6f6e6;
	background-image: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none; /*ie9,ff4,chrome,opera10.5 */
}

	#t2-container input[type="text"]:hover,
	#t2-container input[type="email"]:hover,
	#t2-container input[type="password"]:hover,
	#t2-container input[type="file"]:hover,
	#t2-container textarea:hover,
	#t2-container select:hover
	{
		border-color: #444;
	}

	#t2-container input[type="text"]:focus,
	#t2-container input[type="email"]:focus,
	#t2-container input[type="password"]:focus,
	#t2-container input[type="file"]:focus,
	#t2-container textarea:focus,
	#t2-container select:focus
	{
		background-color: #fff;
		background-image: -moz-linear-gradient(top,#ddd,#fff);
		background-image: -webkit-gradient(linear,center top,center bottom,from(#ddd),to(#fff));
		background-image: linear-gradient(to bottom,#ddd,#fff);
		-moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.15);
		-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.15);
		box-shadow: inset 1px 1px 4px rgba(0,0,0,0.15); /*ie9,ff4,chrome,opera10.5 */
	}

#t2-container input[disabled="disabled"]
{
	background-color: #eee;
	background-image: none;
}

	#t2-container input[disabled="disabled"]:hover
	{
		border-color: #888;
	}

/* ############################################################### */
/* Styles for the various Calendar Controls                        */
/* ############################################################### */

#t2-container .calendarSuperContainer .calendarLeft
{
	float: left;
	width: 50%;
}

#t2-container .calendarSuperContainer .calendarRight
{
	float: left;
	width: 50%;
}

#t2-container .calendarContainer table
{
	margin: 0;
}

	#t2-container .calendarContainer table table td
	{
		border-width: 0;
	}

	#t2-container .calendarContainer table tr:first-child td
	{
		padding: 0;
		font-size: 1.1em;
	}

		#t2-container .calendarContainer table tr:first-child td a
		{
			padding: 0.25em;
		}

	#t2-container .calendarContainer table tr th,
	#t2-container .calendarContainer table tr td
	{
		text-align: center;
		padding: 0.5em 0.25em;
	}

		#t2-container .calendarContainer table tr td a
		{
			display: block;
		}

#t2-container .calendarContainer .calendarSelectedDate
{
	color: #000;
	background: #ccc;
	outline: 1px solid #666;
}

	#t2-container .calendarContainer .calendarSelectedDate a
	{
		color: #000 !important;
		text-decoration: none;
	}

/* bounding box: Outer calendar control */
#t2-container .ajax__calendar .ajax__calendar_container
{
	width: 300px;
	border-width: 3px;
	border-color: #000000;
	line-height: normal;
}

/* bounding box: Inner calendar control */
#t2-container .ajax__calendar .ajax__calendar_body
{
	width: 215px;
	height: 164px;
}

#t2-container .ajax__calendar th, #t2-container .ajax__calendar td
{
	padding: 0.15em 0.25em;
}

/* header: containing month and year */
#t2-container .ajax__calendar .ajax__calendar_header
{
}

/* header: row containing the days of the week */
#t2-container .ajax__calendar thead
{
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
}

/* cells: in header, containing Mo/Tu/We etc */
#t2-container .ajax__calendar .ajax__calendar_dayname
{
	border: none;
}

/* cells: numbered days within the calendar that are ENABLED for selection */
#t2-container .ajax__calendar .ajax__calendar_day
{
	vertical-align: top;
	text-align: center;
	position: relative;
}

/* cells: numbered days within the calendar that are DISABLED for selection */
#t2-container .ajax__calendar .ajax__calendar_other .ajax__calendar_day
{
	color: #FFAAAA;
}

/* cells: the single numbered day in the calendar that is CURRENTLY selected */
#t2-container .ajax__calendar .ajax__calendar_active .ajax__calendar_day
{
	background-color: #FFCCFF;
	color: Black;
}

/* footer: containing the current date */
#t2-container .ajax__calendar .ajax__calendar_footer
{
	font-weight: bold;
}

/* ############################################################################
### BUTTON STUFF */

#t2-container .buttonContainer
{
	margin-top: 1em;
	font-weight: bold;
	border: 0;
	padding: 0.5em;
	text-align: center;
}

	#t2-container .buttonContainer.leftAlign
	{
		text-align: left;
	}
	/* useful for pushing buttons inside buttonContainers to the left (ie. class="buttonContainer leftAlign") */
	#t2-container .buttonContainer.leftAlignWithIndent
	{
		text-align: left;
		margin-left: 200px;
		padding-left: 1.8em;
	}
	/* useful for pushing buttons inside buttonContainers slightly to the left, lining up with input elements above */
	#t2-container .buttonContainer.rightAlign
	{
		text-align: right;
	}
/* useful for those oft-occurring (lies!) situations when you might want a right-aligned element */

#t2-container input[type="button"],
#t2-container input[type="submit"]
{
	font-size: .9em;
	padding: 0.25em 0.8em;
	line-height: 1.25em;
}

#t2-container input[type="button"],
#t2-container input[type="submit"],
.t2admin a.pseudo-button,
#t2-container a.pseudo-button
{
	font-weight: bold;
	-moz-border-radius: 8px; /* older mozilla */
	-webkit-border-radius: 8px; /* older webkit */
	border-radius: 8px; /* all current browsers */
	background: #aaa;
	background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0.2)));
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.8),rgba(255,255,255,0.2));
	border-style: solid;
	border-width: 1px;
	border-color: #777;
	color: #333;
	text-align: center;
	text-shadow: 1px 1px 0 #d8d8d8;
	vertical-align: middle;
	white-space: nowrap;
	-moz-box-shadow: -1px -1px 1px rgba(0,0,0,0.25), 1px 1px 1px rgba(255,255,255,0.25);
	-webkit-box-shadow: -1px -1px 1px rgba(0,0,0,0.25), 1px 1px 1px rgba(255,255,255,0.25);
	box-shadow: -1px -1px 1px rgba(0,0,0,0.25), 1px 1px 1px rgba(255,255,255,0.25); /* ie9,ff4,chrome,opera10.5*/
	text-decoration: none;
	line-height: 1.5em;
}

.t2admin a.pseudo-button,
#t2-container a.pseudo-button
{
	font-size: 0.96em;
	padding: 0.3em 0.8em;
	line-height: 3em;
}

	#t2-container input[type="button"]:hover,
	#t2-container input[type="submit"]:hover,
	.t2admin a.pseudo-button:hover,
	#t2-container a.pseudo-button:hover
	{
		background-color: #777;
		color: #111;
		border-color: #444;
	}

	#t2-container td.btn-small input[type="button"],
	#t2-container td.btn-small input[type="submit"],
	.t2admin a.pseudo-button.btn-small,
	#t2-container a.pseudo-button.btn-small,
	#t2-container input[type="button"].btn-small,
	#t2-container input[type="submit"].btn-small
	{
		font-size: 0.85em;
		background-color: #ccc;
		background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
		background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
		background-image: linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255,0));
		background-repeat: no-repeat;
		border-color: #aaa #aaa #999;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #222;
		cursor: pointer;
		display: inline-block;
		line-height: 1.4em;
		padding: 0.25em 0.75em;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		font-weight: normal;
	}

		#t2-container td.btn-small input[type="button"]:hover,
		#t2-container td.btn-small input[type="submit"]:hover,
		.t2admin a.pseudo-button.btn-small:hover,
		#t2-container a.pseudo-button.btn-small:hover,
		#t2-container input[type="button"].btn-small:hover,
		#t2-container input[type="submit"].btn-small:hover
		{
			background-color: #e6e6e6;
			color: #111;
			text-decoration: none;
		}

#t2-container input[disabled],
#t2-container input[disabled]:hover
{
	color: #666 !important;
	background-color: #ccc !important;
	cursor: default !important;
}

#t2-container input[value="Home"][type="submit"],
#t2-container input.btn-home
{
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 10px 6px;
	/* override the gradient background in favor of the home icon background 
	(IE ends up using this, which is fine since IE still doesn't support gradient backgrounds) */
	background-image: url('../../../inc/clientResources/images/icon_home.png');
	/* set up multiple backgrounds for browsers that support it (in this case, gecko and webkit) */
	background-position: 8px 0.35em,center center; /* IE9 actually uses the first position in here */
	background-image: url('../../../inc/clientResources/images/icon_home.png'),-webkit-gradient(linear,center top,center bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0.2)));
	background-image: url('../../../inc/clientResources/images/icon_home.png'),-moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));
	background-image: url('../../../inc/clientResources/images/icon_home.png'),linear-gradient(to bottom,rgba(255,255,255,0.8),rgba(255,255,255,0.2));
}

#t2-container input.btn-back
{
}

#t2-container input.btn-small.btn-attention,
#t2-container input.btn-small.btn-attention:hover
{
	background-color: #6d6;
	border-color: #3a3;
	text-shadow: 0 1px 1px rgba(119, 238, 119, 0.75);
}

	#t2-container input.btn-small.btn-attention:hover
	{
		background-color: #7e7;
	}

#t2-container input.btn-small.btn-warn,
#t2-container input.btn-small.btn-warn:hover
{
	background-color: #d66;
	border-color: #a33;
	text-shadow: 0 1px 1px rgba(238, 170, 170, 0.75);
}

	#t2-container input.btn-small.btn-warn:hover
	{
		background-color: #e77;
	}
/* ############################################################################
### This is a small-ish raised, rounded box used for the admin login */

#t2-container .popBubble
{
	margin: 2em auto 0 auto;
	padding: 1em;
	width: 580px;
	background: #f6f6f6;
	-moz-box-shadow: 0 0 18px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.25);
	box-shadow: 0 0 18px rgba(0,0,0,0.25); /* ie9,ff4,chrome,opera10.5 */
	-moz-border-radius: 12px; /* older mozilla */
	-webkit-border-radius: 12px; /* older webkit */
	border-radius: 12px; /* all current browsers */
	background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.1)));
	background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.1));
	border: 1px solid #888;
}


/* ############################################################################
### CART AND WELCOME WIDGETS FOR 7.4.0 */

div.t2-widgets
{
}

div#t2-account
{
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

div#t2-basket
{
	display: inline-block;
	white-space: nowrap;
	line-height: 1.5em;
}

div#t2-basket-wrapper:before
{
	font-size: 2em;
	vertical-align: 20%;
	margin-left: 0;
}

div#t2-basket-wrapper
{
	display: inline-block;
	vertical-align: middle;
	padding-left: 1em;
	margin-left: 1em;
	border-left: 1px dotted #333;
	line-height: 1.5em;
}

/* ############################################################################
### CART */

#t2-container .cart
{
	float: right;
	background-color: #f0f0f0;
	border: 1px solid #e6e6e6;
	clear: right;
	display: inline-block;
	color: #000;
	padding: 0.5em;
	font-size: 0.75em;
	font-weight: bold;
	text-align: left;
	display: none;
}

	#t2-container .cart .itemCount,
	#t2-container .cart .cartTotal
	{
		padding-right: 0.5em;
		font-size: 1.25em;
	}

	#t2-container .cart .cartActions
	{
	}

		#t2-container .cart .cartActions a
		{
			padding: 0.15em 0.25em;
			background: #e0e0e0;
			border: 1px solid #d0d0d0;
			margin-left: 0.5em;
		}

			#t2-container .cart .cartActions a.payCart
			{
				background: #393;
				border-color: #060;
				color: #fff;
				text-decoration: none;
			}

			#t2-container .cart .cartActions a.abandonCart
			{
				background: #c33;
				border-color: #900;
				color: #fff;
				text-decoration: none;
			}

	#t2-container .cart .cartItems
	{
		font-weight: normal;
		display: block;
		font-size: .8em;
	}

	#t2-container .cart .cartItemBlock
	{
		display: block;
	}

	#t2-container .cart a#frobCartDetails
	{
		font-weight: normal;
		font-size: 0.9em;
		display: block;
		text-decoration: underline;
		color: #00f;
		outline: none;
	}

	#t2-container .cart .cartDetails.hidden
	{
		display: none;
	}

/* #########################
### View/Collect/Receipt Fill Table Styles */

div.cartContainer h3
{
	border-bottom: 1px solid #ddd;
}

div.cartContainer h4
{
	margin-bottom: 0;
	padding-bottom: 0;
}

#t2-container table.cartItems
{
	border: 0;
	margin: 0.5em 0 2em 0;
	padding: 0;
	font-size: 1.1em;
}

	#t2-container table.cartItems th,
	#t2-container table.cartItems tr td
	{
		border-width: 0;
		line-height: 1.3em;
		vertical-align: top;
	}

	#t2-container table.cartItems tr:first-child th
	{
		border-top-width: 0;
		border-bottom: 1px solid #aaa !important;
	}

	#t2-container table.cartItems th
	{
		text-align: left;
		font-size: 0.9em;
		font-weight: bold;
		color: #333;
	}

	/* print (permit) link */
	#t2-container table.cartItems td a.printitem
	{
		font-size: 0.8em;
		margin-left: 1em;
		font-variant: small-caps;
		white-space: nowrap;
	}

	/* "remove" link */
	#t2-container table.cartItems td:nth-child(5)
	{
		text-align: right;
		width: 8em;
		font-size: 0.8em;
		vertical-align: middle;
	}

@media print
{
	#t2-container table.cartItems td:nth-child(5)
	{
		display: none;
	}
}
/* <--- do not print this column */

/* width of quantity column */
#t2-container table.cartItems th:nth-child(1),
#t2-container table.cartItems td:nth-child(1)
{
	width: 6em;
}

/* amount column: right-aligned and set width (total row is middle aligned vertically) */
#t2-container table.cartItems th:nth-child(4),
#t2-container table.cartItems td:nth-child(4)
{
	text-align: right;
	width: 5em;
}

#t2-container table.cartItems tr:last-child td:nth-child(4)
{
	vertical-align: middle;
}

/* table striping and borders */
#t2-container table.cartItems tr td
{
	background-color: #f6f6f6;
	border-bottom: 1px dotted #ccc;
}

#t2-container table.cartItems tr:nth-child(even) td
{
	background-color: #fff;
}

#t2-container table.cartItems tr.total td
{
	border-bottom: 0;
	background: transparent;
	padding-bottom: 0;
}

/* indented line items (e.g. permitnow items) */
#t2-container table.cartItems tr.indentedLineItem td
{
}

	#t2-container table.cartItems tr.indentedLineItem td:nth-child(3)
	{
		padding-left: 1em;
		color: #666;
		font-size: 0.9em;
	}

#t2-container table.cartItems tr.total td span.arrow
{
	padding-right: 3em;
	display: block;
	font-weight: bold;
}

#t2-container .arrow
{
	background-color: #fff78e;
	position: relative;
	line-height: 1.5em;
	padding: 0.25em 0.5em 0.25em;
	margin: 0;
}

	#t2-container .arrow:after
	{
		content: ' ';
		height: 0;
		position: absolute;
		width: 0;
		border: 1em solid transparent;
		border-left-color: #fff78e;
		top: 0.075em;
		right: -1.85em;
	}

/* detail frobbing */
#t2-container div.cartItemDetail
{
	font-size: 0.85em;
	color: #444;
	font-weight: normal;
	padding-left: 1em;
}

#t2-container span.moreDetailsToggle
{
	font-size: 0.85em;
	color: #00f;
	text-decoration: underline;
	display: block;
	cursor: pointer;
}


/* this is the "please wait, transaction is processing" message container */
#t2-container .waitmessage
{
	display: none;
	color: #f00;
	text-align: center;
}

.cartUserModules
{
	overflow: auto;
}

	.cartUserModules h3
	{
		margin-top: 0.25em;
		color: #333333;
	}

.cartCheckoutModule
{
	float: left;
	width: 47%;
	padding: 0.5% 1%;
	background-color: #F6F6F6;
	border: 1px solid #aaa;
}

.moduleLogin
{
	padding: 1%;
}

.moduleCreateAccount
{
	margin-left: 1%;
}

.moduleGuestCheckout
{
	margin-left: 1%;
}

.moduleAuthenticatedUserPresent
{
	float: none;
	width: 96%;
}

/* ############################################################################
### DATALIST  (rowlike structured label:data output) used on receipt pages and the like */

#t2-container .datalist
{
	line-height: 2em;
}

	#t2-container .datalist br
	{
		clear: left;
	}

	#t2-container .datalist .label,
	#t2-container .datalist .data
	{
		margin: 0;
		padding: 0;
		display: block;
	}

	#t2-container .datalist .label
	{
		font-size: 0.9em;
		background-color: #f6f6f6;
		background-color: rgba(0,0,0,0.025);
		margin-bottom: 2px;
		display: block;
		display: inline-block;
		width: 200px;
		text-align: right;
		padding-right: 10px;
	}

	#t2-container .datalist .data
	{
		display: inline-block;
		padding-left: 10px;
		width: auto;
	}

#t2-container .quicktip
{
	font-size: 14px;
	padding: 0.5em;
	border-bottom: 1px solid #aaa;
	display: block;
	line-height: 16px;
}

	#t2-container .quicktip.noborder
	{
		border-bottom-width: 0;
	}

#t2-container .datalist .quicktip
{
	margin-left: 220px;
}

#t2-container fieldset .quicktip
{
	margin-left: 15em;
}

/* ############################################################################
### ANNOUNCEMENTS */

#t2-container .announcement
{
	display: block;
	background-color: #fff;
	margin: 1em 0;
	border: 1px solid #ccc;
	border-radius: 8px;
}

	#t2-container .announcement .announcementTitle
	{
		display: block;
		text-align: center;
		font-size: 1.25em;
		line-height: 2em;
		font-weight: bold;
		text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
		border-radius: 8px 8px 0 0;
	}

	#t2-container .announcement .announcementClickForMore
	{
		margin-top: -2em;
		display: block;
		font-size: 0.5em;
		text-decoration: underline;
	}

	#t2-container .announcement .announcementMessage
	{
		color: #000;
		font-size: 1em;
		padding: 1em;
		display: block;
		border-bottom: 1px solid #aaa;
	}

		#t2-container .announcement .announcementMessage.hidden
		{
			display: none;
		}

	#t2-container .announcement .announcementLink
	{
		display: block;
		text-align: center;
		font-size: 0.85em;
		border-radius: 0 0 8px 8px;
		padding: 0.5em;
	}

/* ############################################################################
### GLYPH ICONS */

[class*=" glyph-"],
[class^="glyph-"]
{
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: text-top;
	background-image: url(../images/glyphicons-halflings.png);
	background-position: 14px 14px;
	background-repeat: no-repeat;
	*margin-right: .3em;
}

	[class*=" glyph-"]:last-child,
	[class^="glyph-"]:last-child
	{
		*margin-left: 0;
	}

.glyph-info
{
	background-position: -120px -96px;
}

.glyph-warning
{
	background-position: 0 -120px;
}

.glyph-plus,
.glyph-add
{
	background-position: -408px -96px;
}

.glyph-minus
{
	background-position: -433px -96px;
}

.glyph-remove
{
	background-position: -312px -0px;
}

/* ############################################################################
### EXPANSION */

#t2-container div.expansion-closed .expansion-title,
#t2-container div.expansion-open .expansion-title
{
    cursor: pointer;
}

    #t2-container div.expansion-closed .expansion-title
    {
        display: block;
        padding-bottom: 0.5em;
        border-bottom: 1px solid #ddd;
        font-size: 1.2em;
        font-weight: bold;
        color: #333;
    }

    #t2-container div.expansion-closed .expansion-data
    {
        display: none;
    }

#t2-container div.expansion-open .expansion-title
{
    display: block;
    padding-bottom: 0.5em;
    border-bottom: 1px dotted #e3e3e3;
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
}
.expansion-title i
{
	font-weight:normal;
	margin-right:0.3em;
	font-size:0.9em;
	padding:0.05em 0;
	color:#999;
}


#t2-container div.expansion-open .expansion-data
{
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 0.5em 0 0.5em 0;
}

/* tweak the positioning of the glyph (i) depending on what element is used as the title */
#t2-container div.expansion-closed h2.expansion-title i,
#t2-container div.expansion-open h2.expansion-title i
{
    /*margin: 3px 0.5em 0 0;*/
}

#t2-container div.settingsummary-groupbytag h4.expansion-title i 
{
	/*margin-right:0.25em;
	display:inline-block;
	height:1em;
	padding-bottom:0.5em;
	vertical-align:middle;*/
}

/* ############################################################################
### TODO */

/* floating controls??? */
#t2-container .floatingAdminControlsLeft
{
	float: left;
}

#t2-container .floatingAdminControlsRight
{
	text-align: left;
	border: 1px solid #ccc;
	background: #f0f0f0;
	color: #333;
	float: right;
	padding: 0.5em;
	font-size: 0.8em;
	white-space: nowrap;
}

/* ############################################################################
### AREA-SPECIFIC STYLES */

#t2-container table.myAccountLayout
{
	border-width: 0 !important;
}

	#t2-container table.myAccountLayout tr
	{
		border-width: 0 !important;
	}

	#t2-container table.myAccountLayout tbody
	{
		border-width: 0 !important;
	}

	#t2-container table.myAccountLayout td.layoutCell
	{
		vertical-align: top;
		width: 50%;
	}

#t2-container ul.navigation.myAccountLinks
{
	list-style-type: none;
	margin: 1em;
	padding: 0;
}

/* character counting on appeal collection */
#lblReasonCounter
{
	margin-left: 220px;
	color: #060;
	font-weight: bold;
	background-color: #fff;
	padding: 0.15em;
}

	#lblReasonCounter.characterCountOK
	{
		color: #060;
	}

	#lblReasonCounter.characterCountWarning
	{
		color: #cc0;
	}

	#lblReasonCounter.characterCountNearOrAtLimit
	{
		color: #600;
	}

	#lblReasonCounter.characterCountLimitExceeded
	{
		color: #fff;
		background-color: #600;
	}

/* HIGHLIGHT CITATIONS PAST DUE #########################*/
#t2-container .citePastDue
{
	border: solid 2px red;
}

	#t2-container .citePastDue td
	{
		background: #FFC2C2;
	}

/* PPA VALIDATIONS */
#t2-container .linkPanel
{
	background: #bcbcbc;
	border: 1px solid #999;
	padding: 0;
	overflow: auto;
	background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.1));
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.1)));
	background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.1));
}

	#t2-container .linkPanel a
	{
		border-width: 1px 1px 0 1px;
		border-style: solid;
		border-color: #ddd;
		border-right-color: #aaa;
		background: #ddd;
		background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));
		background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.1)));
		background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.1));
		display: block;
		float: left;
		padding: 0.5em 1em;
		font-size: 0.9em;
		text-decoration: none;
		color: #000;
	}

		#t2-container .linkPanel a:hover
		{
			background: #47c;
			border-color: #58e;
			border-right-color: #25a;
			background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.2));
			background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.1)));
			background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.2));
			color: #eee;
		}

#t2-container validationControlGroupLinkList
{
	text-align: center;
}

#t2-container a.validationControlGroupLink
{
	display: block;
	width: 50%;
	padding: 0.5em 1em;
	text-align: center;
	background-color: #ddd;
	border: 1px solid #888;
	margin: 1em auto;
	text-decoration: none;
	color: #000;
}

	#t2-container a.validationControlGroupLink:hover
	{
		background-color: #eee;
		box-shadow: 0 0 0.5em rgba(0,0,0,0.25);
	}
/* ############### PERMIT NOW STYLES ############### */
#t2-container .selectionstatus
{
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 0.85em;
}

	#t2-container .selectionstatus div
	{
		background: none repeat scroll 0 0 #DDDDDD;
		margin: 2px;
		padding: 4px;
		border: 1px solid silver;
	}

	#t2-container .selectionstatus span
	{
		padding-left: 4px;
	}

	#t2-container .selectionstatus input
	{
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		background: none repeat scroll 0 0 transparent;
		border: 1px solid #BBBBBB;
		padding: 3px;
	}

.pnowselect
{
	width: 10px;
}

#t2-container .pnowselect select
{
	width: 5em;
	min-width: 5em;
}

#pnowSelectionsTitle
{
	text-align: center;
	font-weight: bold;
	padding-bottom: 4px;
	font-size: 0.85em;
}

.pnowSelections
{
	display: table-cell;
	width: 10px;
	vertical-align: top;
}

#pnowContainer
{
	display: table;
	width: 100%;
}

.pnowData
{
	display: table-cell;
	vertical-align: top;
}

.pnowPrice
{
	text-align: right;
	padding-right: 20px;
	width: 50px;
}

/* App Initialization page #########################*/

body#appInitialization
{
	height: 100%;
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background: #778aa4;
	background-image: -moz-linear-gradient(top,#778aa4,#556285);
	background-image: -webkit-gradient(linear,center top,center bottom,from(#778aa4),to(#556285));
	background-image: linear(to top,#778aa4,#556285);
	color: #fff;
}

	body#appInitialization #initialize_message
	{
		text-align: center;
		height: 100%;
		padding-top: 15%;
	}

	body#appInitialization #waitText
	{
		font-size: 1.5em;
		font-weight: bold;
		color: rgba(255,255,255,0.75);
		text-transform: uppercase;
	}

	body#appInitialization #loadDetails
	{
		margin: 2em;
		padding: 1em;
		font-size: 0.9em;
	}

/***** Color Picker *****/
.ajax__colorPicker_container
{
	overflow: visible !important;
}

div.colorPickerWrapper
{
	position: relative;
}

.colorPickerWrapper td
{
	/* Marking it as !important is wrong, but there's no other way to do it. */
	padding: 1px !important;
}


/*Event Resources*/
#t2-container form fieldset.eventResource
{
	margin: 10px 0px 0px 0px;
	padding: 5px;
	text-align: left;
	-moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 8px; /* older mozilla */
	-webkit-border-radius: 8px; /* older webkit */
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	border: 1px solid rgb(136, 136, 136);
}

.eventField
{
	margin: 10px 0px 0px 0px;
	padding: 5px;
	text-align: left;
	-moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 8px; /* older mozilla */
	-webkit-border-radius: 8px; /* older webkit */
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	border: 1px solid rgb(136, 136, 136);
}

#t2-container form fieldset.eventResource table
{
	width: 200px;
	border-width: 0px;
	text-align: left;
	position: relative;
	top: -10px;
	left: -310px;
}

#t2-container form fieldset.eventResource td,
#t2-container form fieldset.eventResource th,
#t2-container form fieldset.eventResource input
{
	border-width: 0px;
	padding: 0px;
}

.addEventInstructions
{
	position: relative;
	top: -20px;
}

.dtRange1
{
	margin: 5px 0px 5px 0px;
	border-top: 1px solid rgb(136, 136, 136);
	padding-top: 10px;
	border-bottom: 1px solid rgb(136, 136, 136);
	padding-bottom: 10px;
}

.dtRange
{
	margin: 5px 0px 5px 0px;
	padding-top: 10px;
	border-bottom: 1px solid rgb(136, 136, 136);
	padding-bottom: 10px;
}

.EventRequestDateOverride
{
	display: none;
}

.EventResource
{
	display: none;
}

.validation_summary_as_bulletlist ul
{
	display: none;
}

/* ############################################################################
### DATE DISPLAY STYLES */

.daily-options-element  
{
    padding: 0.5em;
    position: relative;
    min-height: 5.25em;
    border: 0 dotted #ccc;
    border-width: 1px 0;
}

.selection-date-element 
{
    font: .8em/1 "OpenSansLight";
    position: absolute;
	left: 0;
    padding: 0.75em 0.5em;
    text-align: center;
    top: 0;
    width: 48px;
    background: #eee;
    outline: 1px solid #ddd;
    color: #222;
    margin: 0.5em 0;
}

.selection-date-element .selection-month 
{
	display: block;
    font-size: 1.4em;
    text-transform: uppercase;
}

.selection-date-element .selection-date 
{
	display: block;
    font-size: 2.6em;
    line-height: 0.95;
}

.selection-date-element .selection-year 
{
	display: block;
    font-size: 1.4em;
}

.selection-location-element
{
    position: absolute;
    top: 0;
    left: 50px;
    padding: 2em;
}

/* ############################################################################
### SEARCH STYLES */
.searchpanel { padding: 0.5em 0 0.5em 1em !important; margin-bottom: 2em !important; }
	.searchpanel * { display: inline-block; vertical-align: middle; }
	.searchpanel input[type=text] { width: 24em; }

.ui-helper-hidden-accessible { display: none; }

.formActions { display: inline-block; }

.formAction
{
	color: #333;
	font-weight: normal;
	padding: 0.25em;
	font-size: 0.9em;
    line-height: 1.5em;
    background-color: transparent;
	border: 0;
}

.ui-autocomplete
{
	background: #fff;
	color: #666;
	font-size: 0.75em;
	list-style-type: none;
	outline: 1px solid #999;
	display: inline-block;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	position: absolute;
}
	.ui-autocomplete li a { display: block; padding: 0.1em 0.5em; cursor: pointer; }
		.ui-autocomplete li a:hover { color: #fff; background: #39f; }

.search-hide { display: none; }

/* ############################################################################
### PERMITNOW STYLES */
.eventgroup { padding-bottom: 0.5em; }
	.eventgroup .glyph-plus, .eventgroup .glyph-minus, .event-details .glyph-plus, .event-details .glyph-minus { margin-right: 0.5em; }
	.eventgroup .expansion-title, .event-details .expansion-title { font-size: 1.1em; font-weight: bold; }

.event { margin: 0.5em 0 0.75em 2em; }
	.event a { margin-right: 2em; }

.event-description { display: block; font-size: 0.85em; font-style: italic; }

.event-title
{
    padding-bottom: 0.5em;
    font-size: 1.2em;
	font-weight: bold;
    color: #333;
}

.event-desc { font-style: italic; }

.event-details { margin-top: 0.75em; }

.event-location
{
	padding: 0.25em 1em;
    margin: 0.5em 0 0.5em 1.6em;
    border-left: 2px solid #ddd;
    color: #333;
}

.event-location .expansion-data { border-bottom: none; }

div.event-value-details 
{
	margin:0.8em 0;
	position:relative;
}

.event-value-details span, .event-value-details label { margin-right: 2em; }
.event-value-details input[type=checkbox] { margin-right: 0.5em; position: relative; bottom: 2px; }

.event-value-summary-dialog { 
	position:absolute; 
	z-index:900; 
	top:0; 
	right:0; 
	width:20em; 
	background:#efefef; 
	border:1px solid #d0d0d0; 
	box-shadow:2px 2px 8px rgba(0,0,0,0.25); 
	padding:1em 0 1em 2em;
}

.event-value-summary-dialog-close-button { 
    float: right;
    padding-right:2em;
}

#event-value-selection-summary { background:#f0f0f0; border:1px dotted #d0d0d0; margin:2em 0 1em; padding-bottom:1em; }
#event-value-selection-summary-details { margin:1em; }

.event-facility-desc { display: inline-block; font-weight: bold; margin-bottom: 0.5em; }

.event-value-quantity { position: absolute; margin-top: -2px; } /* setting margin to line up with rest of event value line */
	.event-value-quantity span { margin-right: 0; }

.event-info, .searchpanel
{
    width: 98%;
    margin: 0 auto;
    margin-bottom: 1em;
    background-color: #EFEFEF;
    border: 1px solid #d0d0d0;
    padding: 0.5em;
    -moz-box-shadow: 0 0 24px rgba(32,32,255,0.1);
    -webkit-box-shadow: 0 0 24px rgba(32,32,255,0.1);
    box-shadow: 0 0 24px rgba(32,32,255,0.1); /* ie9,ff4,chrome,opera10.5 */
}

.event-date { font-size:0.9em; color:#444; font-weight:600; }
.event-date-year { font-weight:normal; font-size:0.9em; }