﻿

/*
|--------------------------------------------------------------------------
| GTS Res Platform > Lightbox Style Sheet > Dialog
|--------------------------------------------------------------------------
|
| Use this area to position all of the elements on the page.
|
*/

	/* ----- Wide Dialog (ie: My Neighborhoods) -------------- */
	.dialog.large { width: 853px; }
		.dialog.large .dialog_wrapper { background: white;
									position: absolute; top: 10px; left: 10px; width: 830px; height: 460px; z-index: 2; }
		.dialog.large .diag_bg { background: #4a4b5d; opacity: .5; -moz-opacity: .5; filter: opacity(alpha=50);
								 position: absolute; top: 0px; left: 0px; width: 852px; height: 482px; z-index: 1; }


	/* ----- Wide Dialog (ie: My Photos) -------------- */
	.dialog.medium { width: 853px; }
		.dialog.medium .dialog_wrapper { background: white;
									position: absolute; top: 10px; left: 10px; width: 450px; height: 449px; z-index: 2; }
		.dialog.medium .diag_bg { background: #4a4b5d; opacity: .5; -moz-opacity: .5; filter: opacity(alpha=50);
								 position: absolute; top: 0px; left: 0px; width: 470px; height: 469px; z-index: 1; }

	/* ----- Small Dialog (ie: Email / Mort Calculator -------------- */
	.dialog.small { width: 282px; }
		.dialog.small .dialog_wrapper { background: white;
									position: absolute; top: 10px; left: 10px; width: 300px; z-index: 2; }
		.dialog.small .diag_bg { background: #4a4b5d; opacity: .5; -moz-opacity: .5; filter: opacity(alpha=50);
								 position: absolute; top: 0px; left: 0px; width: 322px; z-index: 1; height: 300px; }


			.dialog .padding_wrapper { padding: 10px; }
			
				.dialog .diag_col_left { width: 460px; height: 100%; }
				.dialog .diag_col_right { width: 320px; border: 1px solid #bfbfbf; height: 418px; padding: 5px; }

				.dialog .dialog_header { border-bottom: 1px solid #bfbfbf; padding: 0px 10px 5px 10px; }
    				.dialog .dialog_header span{ padding: 10px 10px 0px 10px; }
					.dialog h2 { text-transform: uppercase; font-weight: bold; }
					.dialog .dialog_close { }
						.dialog .close-btn { text-transform: uppercase; }
							.dialog .close-btn span {  vertical-align:text-top; position: relative; top: 1px; padding: 0px; height: 13px; width: 13px; display: inline-block; }

					.diag_nav { padding: 10px 10px; }
						.diag_nav .sort_by { width: 45%; }
							.diag_nav .sort_by li { display: inline; float: left; margin-left: 5px; padding-right: 5px; border-right: 1px solid #bfbfbf; }
								.diag_nav .sort_by li.selected a { color: #ff0000; }
						.diag_nav .nearby { width: 55%; text-align: right; }
							.diag_nav .nearby label { text-transform: none; }
							.diag_nav .nearby select { width: 100px; }
							
							
						.diag_selections { padding: 10px; height: 304px; overflow-y: auto; position:relative !important; }
							.diag_selections .left { width: 47%; margin-right: 10px; }
								.diag_selections label { font-size: 11px; text-transform: none; text-transform: capitalize; }
									.diag_selections .count { color: #666666; } 


						.dialog .form_footer { padding: 10px 0px; border-top: 1px solid #bfbfbf; }



/*
|--------------------------------------------------------------------------
| GTS Res Platform > Search Widget
|--------------------------------------------------------------------------
|
| Use this area to position all of the elements on the page.
|
*/

	/* ----- BG Image for widget -------------- */
	.search_incol .padding_wrapper {background: url(/reno/dynamic/Reno/Custom/Wrappers/Gabriels/images/layout/gradients.png) repeat-x left -800px; }


	/* ----- Search Widget 620px Wide -------------- */
	.search_incol { width: 620px; background: #ffffff;  }
		.search_incol .padding_wrapper { padding: 10px; margin: 10px; background: url('/reno/dynamic/Reno/Custom/Wrappers/Gabriels/images/layout/gradients.png') repeat-x left -800px; }
		
		/* ----- Search Widget Global -------------- */
		.search_incol .name { font-weight: normal; }
		.search_incol label { color: #000000; }
		.search_incol h2 { font-size: 13px; font-weight: bold; color: #000000; }
		.search_incol h3 { font-size: 11px; font-weight: bold; border-bottom: 1px solid #D7D7D7; color: #000000; }
		.search_incol  ul { padding-top: 3px; }
			.search_incol  ul li { line-height: 13px; }


		/* ----- Search Widget > Search By -------------- */
		.search_by { padding: 5px 0px; line-height: 10px; }
			.search_by select { margin-bottom: 0px; }
			.search_by  .input_wrapper { margin-right: 10px; }
			/*.search_by label { text-transform: capitalize; }*/
			.search_by input { top: 3px; position: relative; }



		/* ----- Search Widget > Header/Footer -------------- */
		.search_incol .header_wrapper { } 
			.search_incol .header_wrapper .right { text-transform: uppercase; } 
		.search_incol .content_wrapper { } 
		.search_incol .footer_wrapper { } 

			.search_cols .left { width: 30%; margin-right: 20px; }
			.search_cols .more_link { padding-top: 3px; display: block; }


		/* ----- Search Widget > Search Inputs -------------- */
		.search_inputs { padding: 5px 0px }
			.search_inputs .right { margin-right: 30px; }
				.search_widget_input { margin-right: 10px; }
					.search_widget_input.wide input { width: 225px; }
					.search_widget_input.medium select { width: 148px; }
					.search_widget_input.small select { width: 110px; }
					.search_widget_input input { padding: 2px; }
