/*
|--------------------------------------------------------------------------
| GTS Res Platform > Tabs Style Sheet
|--------------------------------------------------------------------------
|
| @package		RENO
| @subpackage	Frontend > tabs
| @company		Gabriels Technology Solutions
| @phone		212/741/0700 x112
| @author		Joey Avino
| @email		javino@gabriels.net
| @link			http://www.gabriels.net
| @copyright	2010 Gabriels Technology Solutions
|
*/

/*
|--------------------------------------------------------------------------
| GTS Res Platform > Tabs Style Sheet > Setup
|--------------------------------------------------------------------------
|
| Use this area to position all of the elements on the page.
|
*/

	/* ----- 1: Set the width and position you want the entire tab box. -------------- */
	.tab_wrapper { }
	.tab_menu { top: 1px; }

	/* ----- 2: Set the height you want the tabs using font style and padding (not height) -------------- */
	.tab_menu a { font: 11px Arial, Helvetica, sans-serif; padding: 3px 14px; text-transform: uppercase; }

	/* ----- 3: Set how you would like the tabs spaced. -------------- */
	.tab_menu li { margin-right: 3px; }
		.tab_menu li a {
			-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;  -webkit-border-top-left-radius: 5px;  
		}

	/* ----- 4: Set the type of border/backround/font color you would like for the tabs -------------- */
	.tab_menu a { color: #494b5a; }

	/* ----- 5: Set the background/font/style attributes you want to use for the content pages. -------------- */
	.tab_content {  }

	/* ----- 6: Set the border. If you don't want one, you may leave this blank.  -------------- */
	.tab_content {

		
	}

	/* ----- 7: Set what you want the tab to look when on that page. -------------- */
	.tab_menu .selected a { color: #494b5a; /* background-position: 0px 0px; */ }
		.tab_menu .selected a:hover { color: #494b5a; /* background-position: 0px 0px; */ }

	/* ----- 8: Set what you want the tab to look when rolled over. -------------- */
	/* ----- 	We don't use a:hover. -------------- */
	.tab_menu li a:hover { color: #84712f; /* background-position: 0px -100px; */ text-decoration: none; }





	/* ----- ROUNDED CORNERS -------------- */
	/* ----- To use rounded corners on the tabs, use the below CSS. -------------- */
	/* ----- If you would like to omit rounded coreners, leave these items blank. -------------- */
	/* ------------------------------------------------------------------------------------------------------------------ */

	/* ----- 9: Set the background image of the li tag and the a to be the same thing. -------------- 
	.tab_menu li { 				background-image: url('/reno/dynamic/Reno/Custom/Wrappers/Gabriels/images/layout/gradients.png'); }
	.tab_menu a { 				background-image: url('/reno/dynamic/Reno/Custom/Wrappers/Gabriels/images/layout/gradients.png'); }
	.tab_menu li:hover a { 		background-image: url('/reno/dynamic/Reno/Custom/Wrappers/Gabriels/images/layout/gradients.png'); }

		/* ----- Default image positioning as per gradients.psd -------------- 
		.tab_menu li { 				background-position: right 0px; }
		.tab_menu li.selected  { 	background-position: right -200px; }
		.tab_menu li:hover { 		background-position: right -100px; }
	
		.tab_menu a { 				background-position: 0px 0px; }
		.tab_menu li.selected a  { 	background-position: 0px -200px; }
		.tab_menu li:hover a { 		background-position: 0px -100px; }
*/

		/* ----- Default image positioning as per gradients.psd -------------- 
		.tab_menu li { 				background: #494b5a; }
		.tab_menu li.selected  { 	background: #ffffff; }
		.tab_menu li:hover { 		background: #fefacd; }
	*/
		.tab_menu li {  border-bottom: 1px solid #B5E3FF; }
			.tab_menu li.selected {  border-bottom: 1px solid #ffffff; }

		.tab_menu a { 				background: #EDEDED; border: 1px solid #C5CBD4; border-bottom: 0px; }
		.tab_menu li.selected a  { 	background: #ffffff; }
			.tab_menu li.selected a { border: 1px solid #B5E3FF; border-bottom: 0px; }
		.tab_menu li.selected a:hover  { 	background: #ffffff; }
			.tab_menu li.selected a:hover { border: 1px solid #B5E3FF; border-bottom: 0px; }
		.tab_menu li a:hover { 		background: #fef2b5; }
			.tab_menu li a:hover { border: 1px solid #C5CBD4; border-bottom: 0px; }
		


	/* ----- 10: Set margin of the link to be the width of your rounded corner from the image file. -------------- */
	.tab_menu a { }

	/* ----- 11: Set the padding-left of the a tag to be the number specified in step 2 added to the margin-right set in step 10. -------------- */
	.tab_menu a {  }



/*
|--------------------------------------------------------------------------
| GTS Res Platform > Tabs Style Sheet > Details Page Tabs Setup
|--------------------------------------------------------------------------
|
| Use this area to position all of the elements on the page.
|
*/

	#details_menu .tab_menu { }
		#details_menu .tab_menu li { margin-right: 0px; background: none; }
			#details_menu .tab_menu a { background: none; padding: 4px 20px; color: #000000; font-size: 10px; border: 0px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }

		#details_menu .tab_menu li { border: 1px solid #E0E0E0; border-bottom: 0px; }
			#details_menu .tab_menu li a { letter-spacing: -.05em;
				-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px;
				-webkit-border-top-right-radius: 0px;  -webkit-border-top-left-radius: 0px;  
			}
	#details_menu .tab_menu li { background: #EAF4FD; }
	#details_menu .tab_menu li.selected { background: #ffffff; }
		#details_menu .tab_menu li.selected a { color: red; background: none;}
			/* ----- CSS3 -------------- */
			#details_menu .tab_first {
				-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;  }
					#details_menu .tab_first a { border-left: 0px; }
			#details_menu .tab_last {
				-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px; }
					#details_menu .tab_last a { border-right: 0px; }






/*
|--------------------------------------------------------------------------
| GTS Res Platform > Tabs Style Sheet > Dialog Tabs
|--------------------------------------------------------------------------
|
| Use this area to position all of the elements on the page.
|
*/

	#dialog_menu { border-bottom: 1px solid #bfbfbf; padding-left: 10px; }


	/* ----- 3: Set how you would like the tabs spaced. -------------- */
	#dialog_menu .tab_menu li { border-bottom: 1px solid #BFBFBF; }


	/* ----- 2: Set the height you want the tabs using font style and padding (not height) -------------- */
	#dialog_menu .tab_menu a { font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #404040; border-color: #BFBFBF #BFBFBF; }

	/* ----- 10: Set margin of the link to be the width of your rounded corner from the image file. -------------- */
	#dialog_menu .tab_menu a { margin-right: 3px; }

	/* ----- 11: Set the padding-left of the a tag to be the number specified in step 2 added to the margin-right set in step 10. -------------- */
	#dialog_menu .tab_menu a { padding-left: 6px; }
	#dialog_menu .tab_menu a { }

			#dialog_menu span.icon-img { position: relative; top: 1px; padding-left: 12px; }
			
			#dialog_menu .tab_neighborhoods a { background: #dfebdf; }
			#dialog_menu .tab_cities a { background: #f3eaea; }
			#dialog_menu .tab_region a { background: #e3f4ff; }
			#dialog_menu .selected { border-bottom: 0px !important; }
			#dialog_menu .selected a { background: #ffffff !important;  padding-bottom: 4px; }







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

/*
|--------------------------------------------------------------------------
| GTS Res Platform > Tabs Style Sheet > Necessary Attributes
|--------------------------------------------------------------------------
|
| Do not edit below this line. Experienced CSS developers only.
|
*/

	.tab_wrapper ul { margin: 0px; padding: 0px; }

	.tab_menu { z-index: 2; }
		.tab_menu li { cursor: pointer; display: inline; float: left; }
			.tab_menu li {}
				.tab_menu a { display: block; background-repeat: no-repeat; }
				.tab_menu .last_link { margin-right: 0px; }

			li span.rounded_left { top: 0px; left: 0px; display: none; z-index: 3; }
			li span.rounded_right { top: 0px; right: 0px; display: none; z-index: 3; }


	.tab_content { z-index: 1;  }
		.tab_page { display: none; }
	
	.clear { clear: both; }
	
	div { position: relative; }
	.advanced_locations{ position:relative !important;}