/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider-wrapper img {margin: 0;}
	.coda-slider-1, .coda-slider-2 { background: #ebebeb; }
	.slide-title { display: none; }
	.slide-caption { 
          background-image:url('../images/trans_black.png');  
          color: white;  
          position: absolute; 
          bottom: 3px;
          width: 468px;
     }
/* Added 6/23/10; create left and right floating text box on slider image */
	 	.slide-caption-left { 
          background-image:url('../images/trans_black.png');  
          color: white;  
          position: absolute; 
          top: -13px;
		  left: 5px;
          width: 214px;
		  height: 343px;
     }
	 	.slide-caption-right { 
          background-image:url('../images/trans_black.png');  
          color: white;  
          position: absolute; 
          top: -13px;
		  left: 225px;
          width: 234px;
		  height: 343px;
     }
/* End of added */

/* Added 10/28/10; created 'thin' left and right floating text boxes on slider image */
	 	.slide-caption-left-thin { 
          background-image:url('../images/trans_black.png');  
          color: white;  
          position: absolute; 
          top: -13px;
		  left: 5px;
          width: 175px;
		  height: 343px;
     }
	 	.slide-caption-right-thin { 
          background-image:url('../images/trans_black.png');  
          color: white;  
          position: absolute; 
          top: -13px;
		  left: 290px;
          width: 175px;
		  height: 343px;
     }

	 p.slide-caption a,
	 p.slide-caption-left a, 
	 p.slide-caption-right a,
	 p.slide-caption-left-thin a,
	 p.slide-caption-right-thin a {
		color: #fff;
		text-decoration: underline;
	 }
	 
	 p label, p a label {
		font-weight: bold;
	}
	
	 p label.emphasize, p a label.emphasize {
		font-style: italic;
	}

/* End of added */

     .xtrig{
          display: block; width: 53px; position: relative; top: -43px; left: 428px; padding: 2px; text-align: center; font-weight: bold; font-size: .8em;
          background: #B11; color: #fff; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; 
          border-bottom-left-radius: 5px; border: 1px solid #000; border-top: none; background-image:url('../images/cellshade.png');
     }
     a.xtrig:hover{
          color: white;
     }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider-1, .coda-slider-no-js .coda-slider-2 { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider-1, .coda-slider-1 .panel { width: 640px; padding: 0; margin: 0; } 
	.coda-slider-2, .coda-slider-2 .panel { width: 488px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider-1, .coda-slider-wrapper.arrows .coda-slider-1 .panel { width: 640px }
	.coda-slider-wrapper.arrows .coda-slider-2, .coda-slider-wrapper.arrows .coda-slider-2 .panel { width: 488px }
	.coda-slider-wrapper.arrows .coda-slider-1, .coda-slider-wrapper.arrows .coda-slider-2 { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #555; color: #fff; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #000; border-top: none; background-image:url('../images/cellshade.png'); }
	
	/* Panel padding */
	.coda-slider-1 .panel-wrapper { padding: 0px; }
	.coda-slider-2 .panel-wrapper { padding: 0px; position: relative; }
	.coda-slider-2 .panel-wrapper p { padding: 10px 10px 15px; }
	
	/* Preloader */
	.coda-slider-1 p.loading { padding: 0px; text-align: center }
	.coda-slider-2 p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: 0 0 0 -37px; overflow: hidden }
	.coda-nav ul li { display: inline;  }
	.coda-nav ul li a { background: #999; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #000; border-top: none; background-image:url('../images/cellshade.png'); background-repeat:repeat-x; color: #fff; display: block; float: left; margin: 0 1px -1px 0; padding: 3px 6px; text-decoration: none; font-weight: bold; font-size: .75em;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { overflow: auto }
	.coda-slider-1 { float: left; overflow: hidden; position: relative }
	.coda-slider-1 .panel { display: block; float: left }
	.coda-slider-1 .panel-container { position: relative }
	.coda-slider-2 { float: left; overflow: hidden; position: relative }
	.coda-slider-2 .panel { display: block; float: left }
	.coda-slider-2 .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }