@charset "utf-8";
/* ########################################################################### *
/* ***** DOCUMENT INFO  ****************************************************** *
/* ########################################################################### *
 * ##### NAME:  masala_global.css
 * ##### VERSION: v1.0 (Masala Magic)
/* ########################################################################### *

/* ########################################################################### *
/* ***** INDEX *************************************************************** *
/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ##### TYPOGRAPHY
/* ##### LAYOUT & GRIDS
/* ##### HEADER
/* ##### FOOTER
/* ##### TOOLBAR
/* ##### NAVIGATION
/* ##### CONTENT PATTERNS
/* ##### TABLES
/* ##### FORMS
/* ##### MODAL WINDOW
/* ##### JS FUNCTIONALITY
/* ########################################################################### */

/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ########################################################################### */

/* YUI RESET & FONTS */
@import 'masala_reset-min.css';
@import 'masala_fonts-min.css';

a:link 		{ color:#000; text-decoration:none }
a:visited	{ color:#000; text-decoration:none }
a:focus		{ text-decoration:underline }
a:hover		{ text-decoration:underline }
a:active	{ color:#000 }

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

a:focus
{
	-moz-outline-style: none;
}
	
.nodisplay {
	display: none;
}

.hidden {
	position: absolute;
	left: -9999px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

*
{
	outline:none;
}

/* ########################################################################### *
/* ##### TYPOGRAPHY
/* ########################################################################### */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	font-family: Georgia, "Times New Roman", Times, serif;
}

body 
{
	font-size: 75%;
	line-height: 1.5em;
}

p, h1, h2, h3, h4, h5, h6
{
	margin-bottom: 1em;
}

p
{
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 1.5em;	
}

h1 
{
	font-size: 2em;
	line-height: 1.5em;
	margin-bottom: 0.75em;
	color: #000;
}

h2 
{
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;	
	color: #000;
}

h3 
{
	font-size: 1.333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
	color: #000;
}

h4 
{
	font-size: 1.166em;
	line-height: 1.285em;
	margin-bottom: 1.285em;	
	font-weight: bold;
	color: #000;
}

h5 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;	
	font-weight: bold;
	color: #000;
}

h6 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;	
	font-weight: bold;
}

strong, 
.strong
{
	font-weight: bold;
}

	em strong,
	.emphasis strong
	{
		font-style: italic;
	}

em, 
.emphasis 
{
	font-style: italic;
}

.subdued 
{
	color: #666;
}

.highlight 
{
	color: #039;
}

.error,
.errors
{
	color: #c90400;
}

.success 
{
	color: #639905;
}

.leader,
.leader em
{
	font-weight: bold;
}

/* Text Replacement globals */
.replacement
{
	position: absolute;
	z-index: 10;
	background-repeat: no-repeat;
}

a .replacement
{
	z-index: 20;
	cursor: hand;
	c\ursor: pointer;	
}



/* ########################################################################### *
/* ##### LAYOUT GRIDS
/* ########################################################################### */

body 
{
	
}

	.container 
	{
		margin: 0 auto;
		text-align: left;
		width: 990px;
	}
	
		.bodyContent
		{
			padding: 20px 0px 60px 0px;
		}
		
			.leftColumn,
			.contentColumn,
			.rightColumn
			{
				min-height: 1px; /* Prevent float left if the column has no content */
			}


			/* GRID GLOBALS */
			.leftColumn,
			.contentWrapper,
			.rightColumn
			{
				display: inline;
				float: left;
			}
			
			.leftColumn
			{
				width: 200px;
				padding-left: 20px;
			}
		
			.contentWrapper
			{
				width: 550px;
			}			

				.contentWrapper .contentColumn 
				{
					margin: 0 20px 0 20px;
				}					
		
			.rightColumn
			{
				width: 200px;
				padding-right: 20px;
			}			
		
		
			/* GRID: One column (full width) */
			.grid_oneColumn
			{
			
			}
					
				.grid_oneColumn .contentWrapper 
				{

				}		
		
		
			/* GRID: Two column */		
			.grid_twoColumn
			{

			}
				
				.grid_twoColumn .contentWrapper
				{
					width: 770px;
				}
				
					.grid_twoColumn .contentWrapper .contentColumn
					{

					}
		
				.grid_twoColumn .leftColumn
				{

				}
								
			
			/* GRID: Three column (left column, body & right column) */					
			.grid_threeColumn
			{
			
			}

				.grid_threeColumn .leftColumn
				{

				}
			
				.grid_threeColumn .contentWrapper
				{

				}			

					.grid_threeColumn .contentWrapper .contentColumn 
					{

					}					
			
				.grid_threeColumn .rightColumn
				{

				}
					



/* ########################################################################### *
/* ##### HEADER
/* ########################################################################### */

.header 
{
	margin: 0;
}

	.header .logo 
	{
		display: inline;
		float: left;
		padding: 0px 0 0 20px;
	}
	
	.header .globalFunctions 
	{
		display: inline;
		float: right;
		padding: 12px 20px 0 0;
		width: 400px;
	}
	
		.header .globalFunctions ul li 
		{
			border: none;
			padding: 0 1px 0 4px;
			font-size: 85%;
		}
		
		.header .globalFunctions ul li.highContrast img 
		{
			vertical-align: middle;
		}
		
		.header .globalFunctions .nav_top
		{
				text-align: right;
		}
		
			.header .globalFunctions .nav_top ul
			{
				float: right;
				padding-bottom: 5px;
			}
			
				.nav_top li 
				{
					border: none;
					padding: 0 1px 0 8px;
					margin-left: 8px;
					font-size: 85%;
					background: url(images/list_seperator.gif) no-repeat 0 5px;
				}
			
				.nav_top li:first-child,
				.nav_top li.first
				{
					background: none;
				}			
				
			.header .nav_top li.fontSize
			{
				border-right: none;
				background: none;
				margin-right: 0;
				padding-right: 0;
				width: 29px;
			}			
			
			.header .globalFunctions a .increaseIcon
			{
				float: left;
				width: 16px;
				height: 14px;
				background: url(images/btn_fontSizeIncrease.gif) no-repeat 0 1px;
				overflow: hidden;
			}
			
			.header .globalFunctions a .decreaseIcon
			{
				float: left;
				width: 13px;
				height: 14px;
				background: url(images/btn_fontSizeDecrease.gif) no-repeat 0 1px;
				overflow: hidden;
			}
			
			.header .globalFunctions a:hover .decreaseIcon, 
			.header .globalFunctions a:hover .increaseIcon
			{
				background-position: 0 -12px;
				cursor: pointer;
			}			
		
		.header .globalFunctions .globalSearch
		{
			text-align: right;
		}	
	
	
	/* ##### Primary navigation (header) */
	/*
	.header .nav_primary ul
	{
		padding-left: 1em;
		background: url(images/bg_nav_primary.jpg) no-repeat 0 0;
	}	
		
		.header .nav_primary ul li 
		{
			border: none;
			padding: 0 1px 0 8px;
			margin-left: 8px;
			font-weight: bold;
			background: url(images/list_seperator.gif) no-repeat 0 16px;
		}	

			.header .nav_primary ul li:first-child,
			.header .nav_primary ul li.first
			{
				background: none;
				margin-left: 0;
			}	

			.header .nav_primary ul li.active
			{
				padding: 1em 8px;
				margin-right: -8px;
			}
		
		.header .nav_primary ul li a,
		.header .nav_primary ul li a:link,
		.header .nav_primary ul li a:visited,
		.header .nav_primary ul li a:active						
		{
			padding: 1em 0em;
			display: block;
			color: #FFFFFF;
		}						
				
		.header .nav_primary ul li a:hover,
		.header .nav_primary ul li a:focus				
		{
			color: #000;
			text-decoration: none;
		}						
	*/
	
	
	/* Accessibility links */
	.accessibilityLinks
	{
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.accessibilityLinks a,
	.accessibilityLinks a:visited
	{
		color: #FFFFFF;
		position: absolute;
		left: -9999px;
	}
	
	.accessibilityLinks a:hover,
	.accessibilityLinks a:focus,
	.accessibilityLinks a:active	
	{
		left: 2.5em;
		top: 0em;
		color: #003399;
	}

	

/* ########################################################################### *
/* ##### FOOTER
/* ########################################################################### */
.footer
{

}

	.footer .logo {
		display: inline;
		float: left;
		padding: 10px 0 0 0;
	}
	
	.footer .nav_legal {
		display: inline;
		float: right;
		padding: 15px 0 0 0;
	}
	
		.footer .nav_legal ul li {
			border-left: 1px solid #666;
			padding: 0 1px 0 4px;
			font-size: 85%;
		}
		
		.footer .nav_legal ul li:first-child,
		.footer .nav_legal ul li.first {
			border-left: 0px;
		}
		
			.footer .nav_legal ul li a:link,
			.footer .nav_legal ul li a:visited,
			.footer .nav_legal ul li a:active {
				color: #666;
			}
			
			.footer .nav_legal ul li.designedby {
				padding-left: 18px;
				color: #fff;
			}
			
			.footer .nav_legal ul li.masalalogo {
				border-left: 0;
			}
			
			.footer .nav_legal ul li.masalalogo {
				position: relative;
				top: 7px;
			}




/* ########################################################################### *
/* ##### NAVIGATION
/* ########################################################################### */

/* ##### General navigation styles */

.nav_horizontal li
{
	float: left;	
}


/* ##### Secondary navigation (left column) */

	.leftColumn .nav_secondary li 
	{
		display: block;
		line-height: 3em;
	}

		.leftColumn .nav_secondary li a 
		{
			display: block;
			padding: 0em 8px;
			font-weight: bold;
			background: url('images/bg_nav_secondary.gif') bottom;
		}	
		
		.leftColumn .nav_secondary li.active a,
		.leftColumn .nav_secondary li.active a:hover,
		.leftColumn .nav_secondary li.active a:focus 
		{
			color: #000;
		}
	
	.leftColumn .nav_secondary li a:hover,
	.leftColumn .nav_secondary li a:focus,
	.leftColumn .nav_secondary li.active li a:hover,
	.leftColumn .nav_secondary li.active li a:focus 
	{
		background: none #EFEFEF;
		text-decoration: none;
		color: #000;
	}
	
	.leftColumn .nav_secondary li.active li a:hover,
	.leftColumn .nav_secondary li.active li a:focus 
	{
		font-weight: normal;
	}
		
		.leftColumn .nav_secondary li li a,
		.leftColumn .nav_secondary li.active li a 
		{
			padding-left: 16px;
			font-weight: normal;
			color: #008bda;
			background-color: transparent;
		}
			
			.leftColumn .nav_secondary li li li a,
			.leftColumn .nav_secondary li.active li li a,
			.leftColumn .nav_secondary li li.active li a 
			{
				padding-left: 26px;
				color: #666;
			}




/* ########################################################################### *
/* ##### CONTENT PATTERNS
/* ########################################################################### */

.contentColumn 
{
}

	.contentColumn a:link,
	.contentColumn a:visited 
	{

	}
	
	.contentColumn ul,
	.contentColumn ol 
	{
		margin: 0 0 1em 0;
	}
	
	.contentColumn .nav_horizontal
	{
		margin-left: 0;	
	}	
	
	.contentColumn ol 
	{
		margin-left: 22px;
	}
	
		.contentColumn ul li 
		{
			list-style-type: disc;
		}
		
		.contentColumn ol li 
		{
			list-style-type: decimal;
		}

		
/* Search container */
		
.searchContainer 
{
	margin-bottom: 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f4f3f3;
}

/* Pagination */

.pagination	
{
	margin-bottom: 10px;
}

	.pagination .results 
	{
		display: inline;
		float: left;
		color: #000;
	}
	
	.pagination .nav_pagination 
	{
		display: inline;
		float: right;
	}
	
		.nav_pagination a:link,
		.nav_pagination a:visited 
		{
			color: #000;
		}
	
		.nav_pagination ul 
		{
			margin: 0px;
		}
				
			.nav_pagination .previous 
			{
				margin: 0 5px 0 0;
				border-right: 1px solid #000;
				padding: 0 9px;
			}
		
			.nav_pagination .next 
			{
				margin: 0 0 0 5px;
				border-left: 1px solid #000;
				padding: 0 9px;
			}

/* Article Lists */

.contentList
{
	margin-left: 0;
	margin: 1.5em 10px;
}

	.contentList li
	{
		background: none;
		padding-left: 0;
		border-bottom: 1px solid #e5e5e5;
	}
	
	.contentList li:last-child
	{
		border-bottom: none;
	}	

		.contentList li h3
		{
			margin-top: 0.5em;
		}	
		
			.contentList li h3 a
			{
				margin-right: 10px;
			}			
			
			.contentList li h3 span.date,
			.contentList li h3 span.articleInfo			
			{
				padding-left: 10px;
				font-weight: normal;
				color: #a7a7a7;
				font-size: 90%;
			}
			
		.contentList li p
		{
			margin-bottom: 1em;
		}	

		.contentList li p.link
		{
			margin-top: -1em;
		}	
		
		.contentList li.event,
		.contentList li.vevent
		{
			
		}
		
		.contentList li.event .eventContainer,
		.contentList li.vevent .veventContainer
		{
			min-height: 100px;
			padding-left: 1.5em;
			padding-right: 45px;
			padding-bottom: 15px;
			margin-top: 1.3em;
			padding-top: 0.35em;
		}	
	
	
/* ########################################################################### *
/* ##### TABLES
/* ########################################################################### */

.masala_tableAltRows tbody .alt 
{
	background-color: #efefef;
}

.masala_tableAltRows tbody .over 
{
	background-color: #fef1c7;
	cursor: pointer;
}

.masala_tableAltRows 
{
	border-bottom: 1px solid #ccc;
}

.table_generic 
{
	margin-bottom: 10px;
	border-collapse: separate;
	width: 100%;
	color: #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
}

	.table_generic thead th 
	{
		padding: 7px 10px;
		background: #aaaaaa;
		font-weight: bold;
		color: #000000;
		border-right: #000 1px solid;
		border-bottom: 1px solid #000;
	}
	
	.table_generic thead th.nameColumn 
	{
		min-width: 175px;
	}
	
		.table_generic thead th a 
		{
			display: block;
		}
	
		.table_generic thead th a:link,
		.table_generic thead th a:visited 
		{
			padding-right: 15px;
			color: #fff
		}
	
	.table_generic tbody td,
	.table_generic tbody th
	{
		padding: 5px 10px;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}
					
.table-summary 
{
	border-collapse: separate;
	border: 1px solid #e2e2e2;
	width: 100%;
	color: #000;
}

	.table-summary thead th 
	{
		padding: 4px 7px;
		background-color: #cbe9f0;
		font-weight: bold;
	}

	.table-summary tbody td 
	{
		padding: 4px 7px;
		background-color: #fff;
	}
	
	.table-summary tbody td.child 
	{
		padding-left: 14px;
	}
	
	.table-summary tbody .emphasis td 
	{
		font-style: normal;
		font-weight: bold;
	}
	
	.table-summary tbody.emphasisRow td 
	{
		padding: 4px 7px;
		background-color: #cbe9f0;
		font-weight: bold;
	}
	
	.table-summary tr.total td 
	{
		font-weight: bold;
		color: #000;
	}

	.summaryBox .table-summary, .dualColumnBox .table-summary 
	{
		margin-bottom: 3px;
	}

.table-details 
{
	margin-bottom: 1em;
	border: 1px solid #e2e2e2;
	color: #000;
}

	.table-details tbody th 
	{
		padding: 4px 10px;
		font-weight: bold;
	}
	
	.table-details tbody th.secondary 
	{
		padding-left: 20px;
		font-weight: normal;
	}

	.table-details tbody td 
	{
		padding: 4px 10px;
	}
	
.table-invoice 
{
}

	.table-invoice caption 
	{
		color: #000;
		padding: 5px 10px;
	}

	.table-invoice .items td 
	{
		padding: 5px 10px;
		background-color: #cbe9f0;
	}
	
	.table-invoice .totalsSection td 
	{
		padding: 5px 10px;
	}
	
	.table-invoice .subTotal td 
	{
		border-top: 10px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	
	.table-invoice .total td 
	{
		font-size: 116%;
		font-weight: bold;
		color: #000;
	}

	
td.minWidth 
{
	width: 1px;
}
		
/* ########################################################################### *
/* ##### FORMS
/* ########################################################################### */

input, select, textarea 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666;
}

/* Form input generic classes */

.input_mini, 
.textarea_mini, 
.label_mini
{
	width: 25px;
}

.select_mini
{
	31px;
}

.input_small, 
.textarea_small, 
.label_small
{
	width: 50px;
}

.select_small
{
	56px;
}

.input_medium, 
.textarea_medium, 
.label_medium
{
	width: 100px;
}

.select_medium
{
	106px;
}

.input_large, 
.textarea_large, 
.label_large
{
	width: 200px;
}

.select_large
{
	206px;
}

.input_extraLarge, 
.textarea_extraLarge, 
.label_extraLarge
{
	width: 350px;
}

.select_extraLarge
{
	width: 356px;
}

.input_radio
{
	margin-right: 5px;
	vertical-align: middle;
}

.buttonrow
{
	margin-left: 165px;
}

.form-container p { color: #000; }
.form-container .confirmation p { color: #666; }
.form-container h2 { font-size:108%; font-weight:bold; margin-bottom: 1em; }
.form-container p.note { margin: .2em 0 .2em 165px; font-style:italic; }
.form-container p.note strong { font-style:italic; }
.form-container fieldset { margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px solid #cecece; position:relative}
.form-container legend { display:none; }
.form-container .legend { margin-bottom: 1.2em; }
.form-container fieldset div { padding: 0.25em 0; }
.form-container label, 
.form-container span.label { margin-right: 5px; padding-right: 10px; width: 150px; display: block; float: left; text-align: left; position: relative; color: #000; }
/*.form-container label:after,
.form-container span.label:after {
	content: ":";
}*/
.form-container p.value { margin-bottom: 0px; color:#444 }
.form-container .legend strong { font-weight: bold; }
.form-container .legend em { font-style:normal; }
.form-container input[type="text"],
.form-container input[type="password"],
.form-container textarea { padding:2px; }
.form-container input[type="text"],
.form-container input[type="password"],
.form-container select,
.form-container textarea { border: 1px solid #999; }
.form-container .fieldinfo { position:relative; top:2px; left:2px; vertical-align:top }
.form-container div.controlset p { margin: 0 0 0.8em 0; }
.form-container div.controlset label, 
.form-container div.controlset input { display: inline; float: none; }
.form-container div.controlset ul { margin:0px; }
.form-container div.controlset input,
.form-container div.controlset li { list-style-type:none; margin: 0 0 0.5em 0; }
/*.form-container div.controlset td { padding: 0 0 0.5em 0; }*/
.form-container div.controlset label { vertical-align: top; }
.form-container div.controlset .fieldinfo { position:relative; top:0; left:0; vertical-align:top }
.form-container div.controlset div { margin-left: 165px; }
.form-container div.controlset div.other { margin-left:0; padding-left: 24px; }
.form-container div.controlset li label,
.form-container div.controlset td label { display:inline; float:left; text-align:left; margin:0; padding:0; width:350px; }
.form-container div.controlset li input,
.form-container div.controlset td input { display:inline; float:left; text-align:left; margin:0; padding:0; width:24px; }
.form-container div.controlset li .status { display:inline; float:right; width:70px; font-weight:bold; color:#636; }
.form-container .error label, 
.form-container .error span,
.form-container .error input,
.form-container .error textarea,
.form-container .error select { color:#b91111; border-color: #b91111; }

.confirmation {
	margin: 0 0 1em 0; 
	border: 1px solid #ccc; 
	padding: 10px 15px 0 15px; 
	font-weight: bold;
	color: #666;
}

.errors 
{ 
	margin: 0 0 1em 0; 
	padding: 15px 15px 10px 15px; 
	border: 1px solid #ccc; 
	font-weight: bold;
	color: #be1f1f;
}

	.errors ul 
	{
		margin: 0 0 0 25px; 
	}
	
	.errors ul li 
	{ 
		list-style-type: none;
		margin-bottom: 5px;
	}
	

.success 
{ 
	margin: 0 0 1em 0; 
	padding: 15px 15px 10px 15px; 
	border: 1px solid #ccc; 
	font-weight: bold;
}

	.success ul 
	{
		margin: 0 0 0 25px; 
	}
	
	.success ul li 
	{ 
		list-style-type: none;
		margin-bottom: 5px;
	}	



/* Start buttons */

.buttons 
{
	padding: 0 0 10px 0;
	position: relative;
}

	.buttons span 
	{
		position: absolute;
		top: 13%;
	}
	
	.controlset .buttons span 
	{
		position: absolute;
		top: 28%;
	}

.separate 
{
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

.button 
{
  display: block;
	float: left;
	width: auto;
	height: 20px;
  overflow: visible;
	margin: 0 10px 0 0;
	border: 1px solid #3fadc8;
	padding: 1px 5px 2px 5px;
	background: #43aec9 url('images/bg_button1.gif') repeat-x top;
	font-size: 100%;
	font-weight: bold;
  color: #fff;
	cursor: pointer;
}

a.button
{
	padding-bottom: 0;
	line-height: 20px;
}

.tableHeader .button 
{
	margin-right: 0px;
}

.button:hover
{
	background-position: 0% 100%;
}

.primary 
{
	border: 1px solid #fe8700;
	background: #db7200 url('images/bg_button2.gif') repeat-x top;
}

.primary:hover
{
	background-position: 0% 100%;
}

button.button_curve,
a.button_curve
{
	padding: 1px 0px 2px 8px;
	background: transparent url('images/bg_button1_sprite.png') no-repeat    !important;
	background-position: 0 0;
	border: 0px;
	display: block;
	float: left;
	width: auto;
	height: 20px; /* Height added, fixed to 20px */
  overflow: visible;
	margin: 0 10px 0 0;
	font-weight: bold;
  color: #fff;
	cursor: pointer;
}

button.button_curve_primary,
a.button_curve_primary
{
	padding: 1px 0px 2px 8px;
	background: transparent url('images/bg_button2_sprite.png') no-repeat;
	background-position: 0 0;
	border: 0px;
	display: block;
	float: left;
	width: auto;
	height: 20px; /* Height added, fixed to 20px */
  overflow: visible;
	margin: 0 10px 0 0;
  color: #fff;
	cursor: pointer;
}

a.button_curve,
a.button_curve_primary
{
	padding-bottom: 0;
	line-height: 20px;
}

div.buttonEnd
{
	background: transparent url('images/bg_button1_sprite.png') no-repeat;
	background-position: 100% -40px;
	width: 8px !important;
	height: 20px !important;
	float: left;
	margin-left: -10px !important;
	margin-right: 10px !important;
	padding: 0px !important;
}

div.buttonEnd_primary
{
	background: transparent url('images/bg_button2_sprite.png') no-repeat;
	background-position: 100% -40px;
	width: 8px !important;
	height: 20px !important;
	float: left;
	margin-left: -10px !important;
	margin-right: 10px !important;
	padding: 0px !important;
}

button.button_hover,
a.button_hover 
{
	background-position: 0 -20px !important;
}

button.button_primary_hover,
a.button_primary_hover 
{
	background-position: 0 -20px !important;
}

div.buttonEnd_hover
{
	background-position: 100% -60px !important;
}

div.buttonEnd_primary_hover
{
	background-position: 100% -60px !important;
}

div.buttonboxUngrouped 
{
	float: left;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.buttonboxGrouped 
{
	float: left;
	display: block;
	border: 1px solid #e4e4e4;
	padding: 4px 12px;
	background-color: #f4f3f3;
}

div.buttonboxGrouped div.label 
{
	float: left;
	display: block;
	font-weight: bold;
	color: #000;
	padding-top: 3px;
	padding-right: 8px;
}



/* End buttons */

.tooltip 
{
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 1;
}


.tooltip.pretty {
	font-size: 100%;
	border: none;
	width: 180px;
	padding: 0px;
	height: 28px;
	opacity: 1;
	left: 50px;
}

.tooltip h3 {
	margin: 0;
	font-size: 77%;
	color: #666;
}

.tooltip div {
	margin: 0;
	color: #666;
}



/* ########################################################################### *
/* ##### MODAL WINDOW
/* ########################################################################### */

/* Overlay 
#modalOverlay 
{
	height:100%; 
	width:100%; 
	position:fixed; 
	left:0; 
	top:0; 
	z-index:3000; 
	background-color:#000;
}

/* Container 
#modalContainer 
{
	width: 490px; 
	position: absolute; 
	left: 50%; 
	top: 20%; 
	margin-left: -165px; 
	z-index: 3100; 
	border: none; 
	text-align: left;
}

#modalContainer .content 
{ 
	padding: 10px; 
	background-color:#FFF; 
}

*/

#modalOverlay {
  height:100%;
  width:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:3000;
  background-color:#000;
  cursor: default;
}

#modalContainer {
  height:400px;
  width:600px;
  position:fixed;
  left:50%;
  top:15%;
  /* margin-left:-300px; */
  z-index:3100;
  background-color:#fff;
  border:3px solid #ccc;
}

#modalContainer a.modalCloseImg {
  background: url(images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  left:588px;
  cursor:pointer;
}





/* ########################################################################### *
/* ##### JS FUNCTIONALITY
/* ##### Note: These selectors may be used for style but are also handy for CSS context selection in DreamWeaver etc.
/* ########################################################################### */

.masala_expandoCollapso_triggerWithAltAsTargetId,
.masala_popupLink,
.masala_printPagePopupLink
{ }


.masala_forms_selectOnClick
{

}