/* Table of Contents  *******************************************************************

	Import Blocks
		@ import
			(pages/landing.css)
			(controls/adventurefinder.css)
			(controls/adventureOfTheDay.css)
			(controls/featuredAdventures.css)
			(controls/activitySummary.css)
			(controls/searchResults.css)
			(controls/searchCriteria.css)
			(controls/adventureDetails.css)
			(controls/adventureSnapshot.css)
	XHTML Elements
		body
		headings
		general elements
	Typography
		short description
		prices and currency styles
	Navigation / Links
		in page
		main site navigation
		breadcrumb navigation
		traveler information navigation
		footer navigation
		tab navigation 
		--Global Styles see individual control css pages for specific changes
          including: right placement, background images, adjusted spacing
		featured results view options
	Images
		featured images
		detail images
		thumbnail images
		new window icon
		sub link images: get quote, save this, compare this
	Flash 
		(currently unused)
	Site Structure - Master Page Elements
		breadcrumbs - you are here
		corporate branding - logo, site identification
		highlight information - consumer info, images, etc.
		navigation elements - site navigation
		traveler information - logged in welcome, site search
		page content - site content, component/control container
		page footer - copyright and other elements
		footer navigation - lots of links
	Page Contents
		activity summary - price, availability elements
		activity summary compact - compact search results styles
	Footer
		(currently unused)
	Global Classes
		floats and such
		text alignment
		font styles
		lists and bullets
		item heights
		margins
		padding
		widths
		viral
		horizontal rule
	ATLAS
		autocomplete dropdown
	Rounded Buttons
		navigation buttons

*****************************************************************************************	
*****************************************************************************************/
/* Import Blocks
--------------------------------------------------------------------------------------- */
	/* -- import the landing page stylesheet --*/
		@import url(pages/landing.css);
	
	/* -- import the adventure finder stylesheet --*/
		@import url(controls/adventureFinder.css);

	/* -- import the adventure of the day stylesheet --*/
		@import url(controls/adventureOfTheDay.css);
	
	/* -- import the featured adventures stylesheet --*/
		@import url(controls/featuredAdventures.css);	
	
	/* -- import the activity summary stylesheet --*/
		@import url(controls/activitySummary.css);
		
	/* -- import the search results stylesheet --*/
		@import url(controls/searchResults.css);
	
	/* -- import the search results stylesheet --*/
		@import url(controls/searchCriteria.css);
	
	/* -- import the adventure details stylesheet --*/
		@import url(controls/adventureDetails.css);
		
	/* -- import the adventure snapshot stylesheet --*/
		@import url(controls/adventureSnapshot.css);

/* XHTML Elements
--------------------------------------------------------------------------------------- */

	/* body
	----------------------------------------------------------------------------------- */
		body {
			background: #914E1A url("../images/uiAccents/backgroundMaster.gif") repeat-x 0px 125px;	/* Brown */
			color: #333333;				/* Very Dark Gray */
			font-size: 12px;
			font-family: Tahoma, Sans-serif;				
		}

	/* headings
	----------------------------------------------------------------------------------- */
		h1 {
			color: #043845;				/* Dark Blue */
			font-size: 1.6em;
			font-weight: normal;
			margin: 0px 0px 5px 0px;
			line-height: 20px;
			
		}
		
		h2 {
			color: #000;				/* Black */
			font-size: 1em;
			font-weight: 600;
		}
		
		h3 {
			color: #9F382C;				/* AC Red */
			font-size: 1.3em;
			font-weight: normal;
		}
		
		h4 {
			color: #9F382C;				/* AC Red */
			font-size: 1.2em;
			font-weight: normal;
		}
		
		h5 {
			color: #9F382C;				/* AC Red */
			font-size: 1.0em;
			font-weight: normal;
		}
		
		h6 {
			color: #9F382C;				/* AC Red */
			font-size: 1.0em;
			font-weight: normal;
		}
	
	/* general elements
	----------------------------------------------------------------------------------- */
	/* -- table heading -- */
		th {
			color: #000; /* Black */
			font-weight: bold;
		}
	
	/* -- paragraph -- */
		p {
			/***** NOT USED GLOBALLY TOO MANY RIPPLE EFFECTS *****/
		}
		
		
/* Typography
--------------------------------------------------------------------------------------- */
	
	/* short description
	----------------------------------------------------------------------------------- */
	/* -- margin -- */
		.sDescription 
		{
			margin: 5px 0px 0px 0px;
			text-align: justify;
		}	
	
	/* -- first line -- */
		.sDescription:first-line {
			clear: both;
			font-size: 1.1em;
			font-weight: bold;
		}

	/* prices and currency styles
	----------------------------------------------------------------------------------- */
	/* -- set the font and weight for "from"  -- */
		.priceLabel {
			font-weight: 600;
			line-height: 1em;
		}
	
	/* -- set the weight for the currency type -- */
		#divPriceAvailability .currencyType {
			font-weight: 600;
			line-height: 1em;
		}
	
	/* -- position the price -- */
		#divPriceAvailability .basePrice {
			font-weight: 600;
			font-size: 1.6em;
			line-height: normal;	
		}
		
	/* -- set the font and weight for list view prices in the search results -- */
		.resultsListPrice {
			font-weight: 600;
			font-size: 1.6em;
		}

/* Navigation / Links
--------------------------------------------------------------------------------------- */
	
	/* in page
	----------------------------------------------------------------------------------- */
	/* -- Font Weight -- */
		a:link, a:visited, a:hover, a:active, a:active:hover { font-weight: normal;}
	
	/* -- Link psuedo class definitions -- */
		a:link		   { color: #53919C; }							/* unvisited links	 - Dark Blue	 */
		a:visited	   { color: #53919C; }							/* visited links	 - Medium Blue   */
		a:hover		   { color: #728CBB; text-decoration: none; }	/* user hovers		 - Medium Violet */
		a:active	   { color: #D0553E; }							/* active links		 - Orange        */
		a:active:hover { color: #A03D2B; text-decoration: none; }	/* active link hover - Dark Orange   */
	
	/* -- Heading Links -- */
		h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:active:hover {
			color: #043845;				/* Dark Blue */
			text-decoration: none;
		}	
		
		h1 a:hover
		{
			text-decoration: underline;
		}
	
	
	/* main site navigation
	----------------------------------------------------------------------------------- */
	/* -- Float the list and give padding -- */
		/* See IE Style Sheet if you Update this */
		#nElements #mNav {
			float: right;
		}		
		
		#nElements #mNav li 
		{
			padding-top: 8px;
			width: 127px;
			height: 31px;
			margin-top: -9px;
			margin-bottom: -9px;
			text-align: center;
			float: left;
			text-transform: uppercase;
			position: relative;	
		}
		
		#nElements #mNav li.tabOn
		{
			background: url(../images/uiAccents/tabsMain/tabOn.png) no-repeat top left;
		}
		
		#nElements #mNav li.tabOff
		{
			background: url(../images/uiAccents/tabsMain/tabOff.png) no-repeat top left;
		}
	
	/* -- Use less padding for the first li -- */
		#nElements #mNav li:first-child {
		}
	
	/* -- Set Color, Weight, Caps, Decoration -- */
		#nElements #mNav li a:link,
		#nElements #mNav li a:visited {
			color: #FFF;				/* White */
			font-size: 1.2em;
			font-weight: bold;
			text-decoration: none;
		}
	
	/* -- Set the Hover Color and Decoration -- */
		#nElements #mNav li a:hover {
			color: #FFFFFF;				/* White */
			text-decoration: underline !important;		
		}

	/* breadcrumb navigation
	----------------------------------------------------------------------------------- */
		#nElements #bCrumb,
		#nElements #bCrumb a:link {
			font-size: .8em;		
		}
	
	/* traveler information navigation
	----------------------------------------------------------------------------------- */
	/* -- Float the list and give padding -- */
		#tInfo #tWelcome li {
			float: left;
			padding-left: 12px;	
		}
	
	/* -- Use less padding for the first li -- */
		#tInfo #tWelcome li:first-child {
			padding-left: 2px;	
		}
	
	/* -- Set Color, Weight, Caps, Decoration -- */
		#tInfo #tWelcome li a:link,
		#tInfo #tWelcome li a:visited {
			text-transform: capitalize;		
		}
	
	/* footer navigation
	----------------------------------------------------------------------------------- */
	/* -- Float the list and give padding -- */
		#pFooter #fNav li 
		{
			line-height: 8px;
			display: inline;
			padding: 0px 12px 0px 12px;
			border-left: solid 1px #fff;		
		}
	/* -- Use less padding for the first li -- */
		#pFooter #fNav li#first-child {
			padding-left: 2px;	
			border-left: none;
		}
		
	/* -- Set weight and make every word capitalized -- */
		#pFooter #fNav li a:link,
		#pFooter #fNav li a:visited,
		#pFooter #fNav li a:hover,
		#pFooter #fNav li a:active 
		{
			color: #FFF;
			font-size: .9em;
			font-weight: lighter;
			text-transform: capitalize;
		}

	/* AC Header navigation
	----------------------------------------------------------------------------------- */
	/* -- Float the list and give padding -- */
		#cBrand #fACNav li {
			line-height: 13px;
			display: inline;
			padding: 0px 12px 0px 12px;		
			border-left: solid 1px #666;		
		}
	/* -- Use less padding for the first li -- */
		#cBrand #fACNav li#first-child {
			padding-left: 2px;
			border-left: none;	
		}
	
	/* -- Set weight and make every word capitalized -- */
		#cBrand #fACNav li a:link,
		#cBrand #fACNav li a:visited,
		#cBrand #fACNav li a:hover,
		#cBrand #fACNav li a:active 
		{
			color: #666;
			font-size: .9em;
			font-weight: lighter;
			text-transform: capitalize;
			text-decoration: none;
		}
		
		#cBrand #fACNav li a:hover
		{
			text-decoration: underline;
		}	
	
	/* tab navigation - Global Styles see individual control css pages for specific changes
	 * including: right placement, background images, adjusted spacing
	----------------------------------------------------------------------------------- */
	/* -- style/position the list --*/	
		#tabNavigation 
		{
			float:right;
		}
		
	/* -- float the li's and provide padding --*/	
		#tabNavigation li {
			float: left;
			text-align: center;
		}
		
	/* -- li hover styles --*/	
		#tabNavigation li a:hover {
			display: block;
		}
		
	/* -- set the padding for the first li --*/	
		#tabNavigation li:first-child {
		}

	/* featured results view options
	----------------------------------------------------------------------------------- */
	/* -- position the ordered list on the right of the containing div --*/	
		#featuredViewOptions {
			float: right;
		}
		
	/* -- set the padding for the li elements --*/	
		#featuredViewOptions li {
			float: left;
			padding: 0px 0px 0px 5px;
		}
			
		
/* Images
--------------------------------------------------------------------------------------- */
	.imgFeatured,
	.imgDetail,
	.imgThumbnail {
		display: block;
		background-color: #FFFFFF;
		border: 1px solid #E0DFC9;		/* Light Tan */
		margin: 15px 10px 0px 0px;
		padding: 10px;					/* Gives the background somewhere to display */	
		float: left;		
	}

	/* featured images
	----------------------------------------------------------------------------------- */	
		.imgFeatured {
			width: 216px;
			height: 108px;		
		}

	/* detail images
	----------------------------------------------------------------------------------- */	
		.imgDetail {
						
		}

	/* thumbnail images
	----------------------------------------------------------------------------------- */	
		.imgThumbnail {
						
		}

	/* new window icon
	----------------------------------------------------------------------------------- */	
		.nWindow {
			width: 10px;
			height: 10px;
			margin-left: 4px;
			cursor: pointer;			
		}

	/* sub link images: get quote, save this, compare this
	----------------------------------------------------------------------------------- */	
		.subLinkImages {
			cursor: pointer;			
		}


/* Flash
--------------------------------------------------------------------------------------- */


/* Site Structure - Master Page Elements
--------------------------------------------------------------------------------------- */

	/* breadcrumbs - you are here - ** Not currently in use **
	----------------------------------------------------------------------------------- */
	/* -- Position the Breadcrumb UL --*/	
		#nElements #bCrumb {
			position: absolute;
			top: 2px;
			float: left;
			clear: left;
			z-index: 4;
		}
		
	/* corporate branding - logo, site identification
	----------------------------------------------------------------------------------- */
	/* -- Position the Branding Div -- */
		#masterP #cBrand {
			width: 890px;
			height: 40px;		/* 25px */
			overflow: visible;
			margin: 15px auto 0px auto;
			z-index: 3;
		}
	
	/* -- Hang the Logo in the left margin -- */	
		#masterP #cBrand img 
		{
			float: left;
		}
	
	/* highlight information - consumer info, images, etc.
	----------------------------------------------------------------------------------- */
	/* -- Postion the highlight information div -- */
		#masterP #hInfo {
			width: 950px;
			overflow: visible;
			margin: auto;
			margin-top: 10px;		/* -40px */
			position: relative;
			z-index: 1; 
		}
		
	/* -- Postion the highlight content -- */
		#masterP #hInfo {
			position: relative;
			left: 0px;		/* -20px */
			bottom: -5px;	/* -12px */
		}
	
	/* navigation elements - site navigation
	----------------------------------------------------------------------------------- */
	/* -- Position the Navigation Elements Container --*/
		#masterP #nElements 
		{
			text-align: right;
			width: 910px;
			height: 22px;
			margin: 29px auto auto auto;
			padding: 0px 20px 0px 20px;
			background: #D5D1C6 /* Gray */;
		}
	
	/* traveler information - logged in welcome, site search
	----------------------------------------------------------------------------------- */
	/* -- Position traveler information div -- */
		#masterP #tInfo {
			float: left;
			margin: 0px auto 0px auto;
			text-align: right;
			width: 380px;
			height: 23px;
		}
		
	/* -- Set floats for traveler ul -- */
	
		#tInfo #tWelcome
		{
			display: inline;
			float: right;
		}
		
		#tInfo #tWelcome li 
		{
			font-weight: bold;
			padding-top: 3px;
		}
		
	/* -- Set floats for search component -- */
		#tInfo #tSearch {
			float: right;
		}

	/* page content - site content, component/control container
	----------------------------------------------------------------------------------- */
		#masterP #pContainer 
		{
			background-color: #F3F1E9; /* Tannish white*/
			width: 950px;
			margin: 15px auto 10px auto;
		}
		
		#masterP #pContent 
		{
			width: 920px;
			padding: 15px;
		}
		
		/* Header About us and Partner links */
		#pContainer #fACNav 
		{
			margin-top: 25px;
			float: right;
			text-align: center;
		}
		
		#pContainer .leftColModule
		{
			color: #FFF;
			display: block;
			width: 172px;		/* 8px smaller to account for right-padding */		
			padding: 0px 10px 10px 10px;
			margin: 0px 10px 6px 0px;
			background: #f8cda6;	/* Orange */
			float: left;
		}
		
		#pContainer .rightColModule
		{
			color: #FFF;
			display: block;
			width: 690px;		/* 8px smaller to account for right-padding */		
			padding: 0px 10px;
			margin: 0px 0px 6px 0px;
			background: #cae6e8;	/* Blue */
			float: left;
		}
		
		#pContainer .rightColChildModule
		{
			color: #000;
			display: block;
			width: 650px;		/* 8px smaller to account for right-padding */		
			padding: 0px 10px 10px 10px;
			margin: 10px 10px 10px 0px;
			background: #a7d9e1;	/* Blue */
			float: left;
		}
		
		#pContainer .heading {
			display: block;
			height: 22px;
			padding: 4px 0px 0px 8px;
			margin: 0px -10px 6px -10px;
			font-size: 1.1em;
			font-weight: bold;
			overflow: hidden;
		}
		
		.redGradHeading
		{
			color: #FFF;
			background: #DD6202 url("../images/uiAccents/headerBGRed.gif") repeat-x;	/* Red */
		}
	
		.blueGradHeading
		{
			color: #FFF;
			background: #116476 url("../images/uiAccents/headerBGBlue.gif") repeat-x;	/* Blue */
		}
		
		.orangeGradHeading
		{
			color: #FFF;
			background: #DD6202 url("../images/uiAccents/headerBGOrange.gif") repeat-x;	/* Orange */
		}
		
		.blueHeading
		{
			color: #FFF;
			background: #3db2cb;	/* Blue */
		}
		
		/* Rounded corners */
		.rtop, .rbottom
		{
			display:block;
			background:#914E1A; /* Set to body background color */
		}
		
		.rtop *, .rbottom *
		{
			display: block;
			height: 1px;
			overflow: hidden;
			background:#F3F1E9; /* Set to pContent background color */
		}
		
		#featuredContainer .rtop *, #featuredContainer .rbottom *
		{
			background: #AA5A1D; /* Set to featuredcontainers background colors */	
		}
		
		.r1{margin: 0 5px}
		.r2{margin: 0 3px}
		.r3{margin: 0 2px}
		.r4{margin: 0 1px; height: 2px}

		
	/* featured items
	----------------------------------------------------------------------------------- */
		#masterP #featuredContainer 
		{
			width: 950px;
			margin: 0px auto 25px auto;	
			padding: 0px;
			clear: both;
		}
		
		#masterP #featuredContainer a:link, #masterP #featuredContainer a:visited, #masterP #featuredContainer a:hover, #masterP #featuredContainer a:active, #masterP #featuredContainer a:active:hover
		{
			color: #FFF;
			text-decoration: none;
		}
		
		#featuredContainer .featuredTitle
		{
			display: block;
			color: #FBE077;
			font-size: 1.2em;
			font-weight: bold;
			clear: both;	
		}
		
		#featuredContainer .featuredBox
		{
			background-color: #AA5A1D;
			width: 470px;
			float: left;
		}
		
		#featuredDestinationsContainer, #featuredActivitiesContainer
		{
			padding: 5px 10px 5px 10px;
			display: block;
		}
		
	
	/* page footer - copyright and other elements
	----------------------------------------------------------------------------------- */
		#masterP #pFooter 
		{
			text-align: center;
			width: 950px;
			margin: 25px auto 35px auto;
			padding: 12px 0px 0px 0px;
		}
		
		#masterP #pFooter .copyright
		{
			color: #FFF;	
			font-size: .9em;
		}
		
	/* footer navigation - lots of links
	----------------------------------------------------------------------------------- */
	/* -- Position the Footer UL --*/	
		#pFooter #fNav 
		{
			margin-bottom: 15px;
			text-align: center;
			clear: both;
		}
		
	/* preview disclaimer
	----------------------------------------------------------------------------------- */
		.divPreviewDisclaimer
		{
			padding: 5px;
			text-align: center;
			margin-right: auto;
			margin-left: auto;
			width: 500px;
			height: 80px;
			background-color: white;
			border: solid 5px red;
		}
	

/* Page Contents
--------------------------------------------------------------------------------------- */
	/* activity summary - price, availability elements
	----------------------------------------------------------------------------------- */
	/* -- style/position the containing div --*/	
		#divPriceAvailability 
		{
			background: #EBF2F1;
			height: 33px;
			margin: 11px -10px 20px 250px;
			padding: 5px;
			width: 450px;
			position: relative;
		}
		
	/* -- position the price -- */
		#divPriceAvailability .basePrice {
			float: left;
			margin: 5px 0px 0px 25px;
		}
			
	/* -- position the check availability button -- */
		#divPriceAvailability #divAvailabilityButton 
		{
			float: right;
			margin: 0px 50px 0px 0px;
		}
		
	/* -- position the price label -- */
		#divPriceAvailability .priceLabel 
		{
			float: left;
			margin: 5px 0px 0px 0px;
		}

/* Footer
--------------------------------------------------------------------------------------- */


/* Global Classes
--------------------------------------------------------------------------------------- */

	/* floats and such
	----------------------------------------------------------------------------------- */
		.float-left    { float: left; }
		.float-right   { float: right; }
		.clear 		   { clear: both; }

	/* text alignment
	----------------------------------------------------------------------------------- */
		.text-left     { text-align: left; }
		.text-right    { text-align: right; }
		.text-center   { text-align: center; }
		.text-justify  { text-align: justify; }
		.align-middle  {  vertical-align: middle; }
		.align-baseline  {  vertical-align: baseline; }
		.align-bottom  { vertical-align: bottom; }

	/* font styles
	----------------------------------------------------------------------------------- */
		.bold          { font-weight: bold; }
		.italic        { font-style: italic; }
		.normal        { font-style: normal; }
		.weight-normal { font-weight: 500; }
		.small-text    { font-size: .8em; }
		.smaller-text  { font-size: .7em; font-family: "Courier New"; }
		.smallcaps     { font-variant: small-caps; }
		.capitalize    { text-transform: capitalize; }
		.uppercase     { text-transform: uppercase; }
		.lowercase     { text-transform: lowercase; }
		.underline     { border-bottom: 1px solid; }
		.highlight     { background: #ffc; }
		.red		   { color: #C94A2E; }

	/* lists and bullets
	----------------------------------------------------------------------------------- */
		.nobullet      { list-style: none; list-style-image: none;}
	
	/* item heights
	----------------------------------------------------------------------------------- */
		.height-1      { height: 1px; }
		.height-8      { height: 8px; }
	
	/* margins
	----------------------------------------------------------------------------------- */
		.marginright-10			{ margin-right: 10px; }
		.marginright-8			{ margin-right: 8px; }
		.marginright-5			{ margin-right: 5px; }
		.marginleft-8			{ margin-left: 8px; }
		.marginleft-12			{ margin-left: 12px; }
		.margintopbottom-10		{ margin: 10px 0px; }
		.margintop-5bottom-35	{ margin: 5px 0px 35px 0px; }
		.marginnegtop-1			{ margin-top: -1px; }
		.marginnegtop-3			{ margin-top: -3px; }
		.margintop-10			{ margin-top: 10px; }
		.margintop-15			{ margin-top: 15px; }
		.marginbottom-5			{ margin-bottom: 5px; }
		.marginbottom-10		{ margin-bottom: 10px; }
	
	/* padding
	----------------------------------------------------------------------------------- */
		.paddingleft-8 { padding-left: 8px; }
		.paddingtop-10 { padding-top: 10px; }
		
	/* widths
	----------------------------------------------------------------------------------- */
		.fullWidth { width: 100%; }
	
	/* heights
	----------------------------------------------------------------------------------- */
		.height18 { height: 18px; }

	/* viral component
	----------------------------------------------------------------------------------- */
		.vComponent	   { margin: 20px 0px 0px 0px; }
		
	/* horizontal rule
	----------------------------------------------------------------------------------- */
		.hRule		   {
			height: 8px;
			width: 100%;
			margin: 10px 0px 0px 0px;
			background: url(../images/uiAccents/ruleBkg.png)  no-repeat left }

/* ATLAS
--------------------------------------------------------------------------------------- */
	
	/* autocomplete dropdown
	----------------------------------------------------------------------------------- */
	/* -- Set the z-index so it appears above relatively positioned elements and give
	      it a border -- */
	.ATLASAutoCompleteDropdown	{
		z-index: 50;
		border: 1px solid #000000;
	}
	
	/* -- Dropdownlist styling --*/	
	select {
		line-height: 20px;
		font-size: 1em;
		padding: 0px 1px 0px 8px;
	}
		
/* navigation buttons
	----------------------------------------------------------------------------------- */
	
/* Rounded buttons
--------------------------------------------------------------------------------------- */
a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url("../images/uiAccents/buttonBackgrounds/roundedButtons.png");
    _background-image:url("../images/uiAccents/buttonBackgrounds/roundedButtons.gif");
}

a.blueButton, span.blueButton, del.blueButton,
a.blueButton span, span.blueButton button, span.blueButton input, del.blueButton span{
    background-image:url("../images/uiAccents/buttonBackgrounds/blueRoundedButtons.gif");
    _background-image:url("../images/uiAccents/buttonBackgrounds/blueRoundedButtons.gif");
}

a.goldButton, span.goldButton, del.goldButton,
a.goldButton span, span.goldButton button, span.goldButton input, del.goldButton span{
    background-image:url("../images/uiAccents/buttonBackgrounds/goldRoundedButtons.gif");
    _background-image:url("../images/uiAccents/buttonBackgrounds/goldRoundedButtons.gif");
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#FFF;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;
    font-weight:bold;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 10px 0 0px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}