@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------------------------------------- */
/******************************************************************************************************** 
	Company: Superlative, Inc
	Product: IDX V6 - LOG V1
	Authors: David Wheeler
	Date: 5/5/16
	
	Created @ Superlative, Inc. 2008 (Superlative IDX)
	Use of this content is by contractual agreement only.
	Superlative, Inc. claims no liability for content provided &/or uploaded by its clients.
	
********************************************************************************************************/
/* --------------------------------------------------------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/* -------------------------------------------------------------------------------------------------- */ 
/* ------------------------------------------------------------------------ Login 01 - General Styles */
/* -------------------------------------------------------------------------------------------------- */

.LOG_1 {
	background: url(images/Compare_Properties/bg-main.jpg) repeat-x #bababa top;
	margin: 0px auto;
	width: 524px;
	height: auto;
	text-align: center;
	display: table;
	border: 1px #b6b6b6 solid;
	padding-bottom: 7px;
	}
	
.LOG_1 .main_page_container {
	background: #FFFFFF;
	margin: 0px auto;
	width: 514px;
	height: auto;
	display: table;
	}	

.LOG_1 .main_title_container {
	margin: 0px auto;
	width: 514px;
	height: 32px;
	display: table;
	}

.LOG_1 .main_title_dialog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	float: left;	
	}

.LOG_1 .close_window {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
	float: right;	
	}

/* ----------------------- End */

/* ---------------------------------------------------------------------------------- */
/* --------------------------------------------------------------- Login 01 - Top Bar */
/* ---------------------------------------------------------------------------------- 

.LOG_1 .save_properties {
	background: #efefef; 
	width: 100%;
	height: auto;
	display: inline-block;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #e0e0e0 solid;
	margin-bottom: 5px;
	}

/* ----------------------- End */

/* ---------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------ Login 01 - Form */
/* ---------------------------------------------------------------------------------- */

.LOG_1 .login_form_container {
	width: 514px;
	height: auto;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414141;
	text-align: center;
	float: left;
	}

.LOG_1 .login_row {
	width: 514px;
	height: auto;
	display: inline-block;
	}

.LOG_1 .login_title {
	width: 489px;
	padding: 5px 5px 5px 5px;
	height: auto;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin-bottom: 5px;
	}
	.LOG_1 .login_title a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #0860a8;
		text-align: left;
		text-decoration: underline;
		}
	.LOG_1 .login_title a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #83afd3;
		text-align: left;
		text-decoration: none;
		}
	.LOG_1 .login_title a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #0860a8;
		text-align: left;
		text-decoration: underline;
		}
	.LOG_1 .login_title a:visited:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #83afd3;
		text-align: left;
		text-decoration: underline;
		}

.LOG_1 .login_row_form {
	width: 489px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
	display: inline-block;
	margin-bottom: 2px;
	}
	.LOG_1 .login_row_form a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #0860a8;
		text-align: left;
		text-decoration: underline;
		margin-top: 2px;
		}
	.LOG_1 .login_row_form a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #83afd3;
		text-align: left;
		text-decoration: none;
		margin-top: 2px;
		}

.LOG_1 .login_text {
	width: 70px;
	padding-left: 50px;
	display: inline-block;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	}	
	
.LOG_1 .login_form {
	width: 340px;
	display: inline-block;
	float: right;
	text-align: left;
	}

.LOG_1 .login_field {
	border: 1px #aeaeae solid;
	width: 222px;
	height: 20px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-bottom: 2px;
	text-align: left;
	}

.LOG_1 .login_listbox {
	border: 1px #aeaeae solid;
	width: 232px;
	height: 100px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-bottom: 2px;
	text-align: left;
	}

.LOG_1 .login_message_field {
	border: 1px #aeaeae solid;
	width: 222px;
	height: 70px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-bottom: 2px;
	text-align: left;
	}		
	
.LOG_1 .login_button_container {
	width: 489px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: auto;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
	}
	.LOG_1 .login_button {
		background: url(images/submit_button1.jpg) no-repeat; 
		width: 150px;
		height: 28px;
		padding-top: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		display: inline-block;
		text-align: center;
		border: 0px;
		cursor: pointer;
		}
	.LOG_1 .login_button:hover {
		background: url(images/submit_button2.jpg) no-repeat; 
		width: 150px;
		height: 28px;
		padding-top: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #CCCCCC;
		text-decoration: none;
		display: inline-block;
		text-align: center;
		}

/* ----------------------- End */

/* ---------------------------------------------------------------------------------- */
/* -------------------------------------------------------- Login 01 - Create Account */
/* ---------------------------------------------------------------------------------- */

.LOG_1 .create_text {
	width: 115px;
	padding-left: 5px;
	display: inline-block;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding-top: 4px;
	}	
	
.LOG_1 .create_form {
	width: 340px;
	display: inline-block;
	float: right;
	text-align: left;
	}

.LOG_1 .create_field {
	border: 1px #aeaeae solid;
	width: 222px;
	height: 22px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-bottom: 2px;
	text-align: left;
	}

.LOG_1 .required {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	}

/*
.LOG_1 .dim_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #989898;
	margin-top: 5px;
	margin-bottom: 10px;
	display: inline-block;
	width: 514px;
	}
	*/

.LOG_1 .login_field_fav {
	background: url(images/icon_favorites.gif) no-repeat left; 
	border: 1px #aeaeae solid;
	width: 202px;
	height: 22px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-bottom: 2px;
	text-align: left;
	}	

/* ----------------------- End */

/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------- Login 01 - Social Media Icons */
/* ---------------------------------------------------------------------------------- */

.LOG_1 .sm_container {
		width: 500px;
		display: inline-block;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		}
	.LOG_1 .sm_container ul li img {
		margin: 0px 3px -7px 0px;
		text-decoration: none;
		display: inline-block;
		}
	.LOG_1 .sm_container ul li a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #0860a8;
		text-align: left;
		text-decoration: underline;
		padding-top: -5px;
		height: 30px;
		display: inline-block;
		}
	.LOG_1 .sm_container ul li a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #83afd3;
		text-align: left;
		text-decoration: underline;
		padding-top: -5px;
		height: 30px;
		display: inline-block;
		}

.LOG_1 .sm_col1 {
		width: 220px;
		display: inline-block;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		float: left;
		}

.LOG_1 .sm_col2 {
		width: 220px;
		display: inline-block;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		float: right;
		}

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- Login 01 - Extra Stuff */
/* ---------------------------------------------------------------------------------- */

.LOG_1 #dialogContainer a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #0860a8;
		text-align: left;
		text-decoration: underline;
		}
.LOG_1 #dialogContainer a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #83afd3;
		text-align: left;
		text-decoration: none;
		}
.LOG_1 #dialogContainer a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #0860a8;
		text-align: left;
		text-decoration: underline;
		}
.LOG_1 #dialogContainer a:visited:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #83afd3;
		text-align: left;
		text-decoration: underline;
		}

/* QR code */
.IDX_D1 .save_this_listing_button16 {
	background: url(images/button16_whitebg.gif) no-repeat bottom left;
	margin: 0px auto;
	width: 200px;
	height: 17px;
	padding-top: 7px;
	margin-bottom: 3px;
	padding-left: 30px;
	border-top: 1px #ECECEC solid;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #414141;
	}

/* Voice slideshow */	
.IDX_D1 .save_this_listing_button17 {
	background: url(images/button17_whitebg.gif) no-repeat bottom left;
	margin: 0px auto;
	width: 200px;
	height: 17px;
	padding-top: 7px;
	margin-bottom: 3px;
	padding-left: 30px;
	border-top: 1px #ECECEC solid;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #414141;
	}

/* Showcase */
.IDX_D1 .save_this_listing_button18 {
	background: url(images/button_showcase.png) no-repeat bottom left;
	margin: 0px auto;
	width: 200px;
	height: 17px;
	padding-top: 7px;
	margin-bottom: 3px;
	padding-left: 30px;
	border-top: 1px #ECECEC solid;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #414141;
	}

/* Full Screen Slideshow */
.IDX_D1 .save_this_listing_button19 {
	background: url(images/button19_whitebg.gif) no-repeat bottom left;
	margin: 0px auto;
	width: 200px;
	height: 17px;
	padding-top: 7px;
	margin-bottom: 3px;
	padding-left: 30px;
	border-top: 1px #ECECEC solid;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #414141;
	}

/* Inrix */
.IDX_D1 .save_this_listing_button20 {
	background: url(images/button20_whitebg.gif) no-repeat bottom left;
	margin: 0px auto;
	width: 200px;
	height: 17px;
	padding-top: 7px;
	margin-bottom: 3px;
	padding-left: 30px;
	border-top: 1px #ECECEC solid;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #414141;
	}

/* DG Property Videos */
.IDX_D1 .save_this_listing_button21 {
	background: url(images/button21_whitebg.gif) no-repeat bottom left;
	margin: 0px auto;
	width: 200px;
	height: 17px;
	padding-top: 7px;
	margin-bottom: 3px;
	padding-left: 30px;
	border-top: 1px #ECECEC solid;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #414141;
	}
	
/* KB styles */

	
.musiclangcont {
	padding:5px; 
	display:inline;
}

.musiccont {
	width: 100%;
	/*padding:5px; */
	/*float:left; */
	text-align: center;
	height: 0px;
}

.langcont {
	width: 100%;
	/*padding:5px; */
	float:right;
	text-align: center;
}

.kbcont {
	width: 375px;
	height: 270px;
}	

.LOG_1_kb {
	background: url(images/Compare_Properties/bg-main.jpg) repeat-x #bababa top;
	margin: 0px auto;
	width: 415px;
	height: auto;
	text-align: center;
	display: table;
	border: 1px #b6b6b6 solid;
	padding-bottom: 7px;
	}

	
.main_title_container_kb {
	margin: 0px auto;
	width: 400px;
	height: 32px;
	display: table;
	}

.main_title_dialog_kb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	float: left;	
	}

.close_window_kb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
	float: right;	
	}


.main_page_container_kb {
	background: #FFFFFF;
	margin: 0px auto;
	width: 400px;
	height: auto;
	display: table;
	}	

.login_form_container_kb {
	width: 400px;
	height: auto;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414141;
	text-align: center;
	float: left;
	}

.login_row_kb {
	width: 400px;
	height: auto;
	display: inline-block;
	}

.login_title_kb {
	width: 375px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	margin-bottom: 10px;
	}

.CTRL_Select {
	color: #CCC;
	font-size: 10px;
	display: inline-block;
	clear: left;
	margin-left: 5px;
	}


.IDX_D1 .IDX_courtesy_top {
    color: #414141;
    display: inline-block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
    margin-top: 2px;
}

.CommName {
	display: none;
}

.CompName {
	display: none;
}

/* -------- For medium report disclaimer */
.IDX_line_info {
	width: auto;
	display: inline;
	text-align: left;
	color: #666666;
	font-size: 10px;
	margin: 0px;
	height: auto;
}

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- Eula */
/* ---------------------------------------------------------------------------------- */

.eula_cb {
	width: 100%;
	margin: 0px;
	display: inline-block;
	text-align: center;
	font-size: 11px;
}

.eula_cb a {
	width: auto !important;
	margin: 0px !important;
	display: inline !important;
	text-align: center !important;
	font-size: 11px !important;
	float: none !important;
}

/* For inactive properties disc. */
.inactive {
	font-weight: bold;
	color: #FF0000;
}

/* ---------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ New Login */
/* ---------------------------------------------------------------------------------- */

#dialogContainer {
	z-index: 99999999 !important;	
}

.form-close {
	width: 100%;
	height: auto;
	display: inline-block;
	text-align: right;
	margin-top: 10px;
}

.form-close a {
	color: #666666 !important;
}

.form-close a:hover {
	text-decoration: none !important;
	color: #CCCCCC !important;
}

.modal-close {
	background: #efefef;
	padding: 10px 15px 10px 15px;
	font-weight: bold;
	border-radius: 0px 5px 0px 5px;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1.2em;
}

/*
Full screen Modal 
*/

.modal-dialog {
	margin: 0 !important; 
	margin-right: auto !important;
	margin-left: auto !important;
	width: 100% !important;
	max-width: 700px !important;
}

@media (min-width: 480px) {
	.modal-dialog {
		border-radius: 0px !important;
		margin: 0px auto !important;
		padding: 0px !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

@media (min-width: 768px) {
	.modal-dialog {
		margin-top: 10px !important;
		margin: 0px auto !important;
		width: 100% !important;
		max-width: 500px !important;
	}
}

@media (min-width: 992px) {
  .modal-dialog {
	 	margin-top: 10px !important;
		width: 100% !important;
		max-width: 600px !important;
	}
}

@media (min-width: 1200px) {
  .modal-dialog {
		margin-top: 10px !important;
		width: 100% !important;
		max-width: 700px !important;
	}
}

.modal-body {
	height: auto !important;
	padding: 0px !important;
}

.reg-form {
	padding: 0px 40px 20px 40px;	
}

.reg-form .page-header {
	margin: 5px 0px 10px 0px;
}

.login-title {
	margin-top: -15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 2em;
	color: #414141;
}

.login-subtitle {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
}

.login-subtitle a {
	outline: 0 !important;
}

.form-save {
	padding: 5px 0px;
	background: #e1e1e1;
}
.form-save-item {
	font-weight: 700;
}

.form-info {
	margin: 0px 2% 15px 2%;
	font-family: 'Open Sans', sans-serif;
	color: #414141;
	text-align: left;
}

.form-info ul {
	margin: 0px 5% 0px 5%;
	padding: 0px;
	text-align: left;
}

.form-info ul li {
	list-style: default;
	text-align: left;
}

.input-sm {
	font-family: 'Open Sans', sans-serif !important;
	height: 40px !important;
	font-size: 1.2em !important;
}

.form-control::-webkit-input-placeholder {
   color: #CCCCCC !important;
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color: #CCCCCC !important;
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #CCCCCC !important; 
}
.form-control:-ms-input-placeholder {  
   color: #CCCCCC !important;
}

.form-link  a {
	font-size: 1em !important;
}

.form-group {
	margin-bottom: 10px !important;
	color: #414141;
}

.form-group label {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin: 0px 1% 5px 1%;
	color: #414141;
}

.checkbox  label {
	margin: 0px 1% 5px 1%;
	color: #414141;
}

.form-label {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin: 0px 1% 5px 1%;
	color: #414141;
	text-align: left;
}

.c-list {
	max-height: 75px !important;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 10px;
}

.save_properties {
	background: #e1e1e1;
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 5px 0px;
	margin-bottom: 5px;
}

.dim-text {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #CCCCCC;
	margin-top: 5px;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}

.sm-select li {
	display: block;
	margin-bottom: 5px;
}

.form-label-side-by-side {
	width: auto;	
	display: inline-block;
	text-align: left;
	float: left;
	margin-bottom: 10px;
}

/* ---------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- The End */
/* ---------------------------------------------------------------------------------- */