﻿body {
}
#nav_container {
	width:100%;
	margin:0 auto;
	height:50px;
	background:#F2F2F2 repeat-x top left;
	position:relative;
    border:1px #DDDDDD solid;
	-webkit-border-radius: 20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
#nav_logo {
	background:url(../images/ur-where-renters-look.png) no-repeat;
	background-position:5px center;
	height:50px;
	width:auto;
	z-index:100;
	}
#nav_logo a {
	display:block;
	width:100%;
	height:100%;
}
/*#nav_logo:hover {
	background:url(../images/urbanrenterlogo2.png) no-repeat;
	background-position:0 -50px;
	height:50px;
	z-index:100;
}*/
/* end of navigation */
 /* Generals */
  .uniForm fieldset{}
    .uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
    
    /* This is the main unit that contains our form elements */
    .uniForm .ctrlHolder{ padding: 7px; border-bottom: 1px solid #dfdfdf; }
    
    .uniForm .buttonHolder{ text-align: right; }
      .uniForm .resetButton{ float: left; }
      .uniForm .primaryAction{ font-weight: bold; }
    
    /* This class gets added to div.ctrlHolder to highlight the row */
    .uniForm .focused{ background: #fffcdf; }
      
      /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
      .uniForm .inlineLabel input,
      .uniForm .inlineLabels .inlineLabel input,
      .uniForm .blockLabels .inlineLabel input{ float: left; margin: 0 .4em 0 0; }
        .uniForm .inlineLabel span{ float: left; width: 90%; }
        
/* ------------------------------------------------------------------------------ */

    /* .blockLabels (default style, will be applied even if you don't class the parent element) */
    .uniForm .blockLabels .ctrlHolder{}
      
      .uniForm label,
      .uniForm .blockLabels label,
      .uniForm .blockLabels .label{ margin: 0 0 .5em 0; }
      
      .uniForm .textInput,
      .uniForm .blockLabels .textInput,
      .uniForm .blockLabels .fileUpload{ width: 53%; /* <- Required property */ }
    
      .uniForm .selectInput,
      .uniForm select,
      .uniForm .blockLabels .selectInput,
      .uniForm .blockLabels select{ width: 53.5%; /* <- Required property */ }
      .uniForm textarea,
      .uniForm .blockLabels textarea{ width: 53%; /* <- Required property */ height: 12em; }

      .uniForm .formHint,
      .uniForm .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }
      
      .uniForm .multiField,
      .uniForm .blockLabels .multiField{ width: 53%; }
        .uniForm .multiField .inlineLabel,
        .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
        .uniForm .multiField .blockLabel,
        .uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; }
        .uniForm .multiField .blockLabel .textInput,
        .uniForm .multiField .blockLabel .selectInput,
        .uniForm .multiField .blockLabel select,
        .uniForm .blockLabels .multiField .blockLabel .textInput,
        .uniForm .blockLabels .multiField .blockLabel .selectInput,
        .uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

/* ------------------------------------------------------------------------------ */

    /* .inlineLabels */
    .uniForm .inlineLabels .ctrlHolder{}
    
    .uniForm .inlineLabels label,
    .uniForm .inlineLabels .label{ width: 45%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }
    
    .uniForm .inlineLabels .textInput,
    .uniForm .inlineLabels .fileUpload{ width: 45%; /* <- Required property */ }
    
    .uniForm .inlineLabels .selectInput,
    .uniForm .inlineLabels select{ width: 45%; /* <- Required property */ }
    
    .uniForm .inlineLabels textarea{  width: 45%; /* <- Required property */ height: 12em; }

    .uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 47%; font-size: .9em; color: #777; position: static; }
    
    .uniForm .inlineLabels .multiField{ width: 45%; /* <- Required property */ margin: 0 0 .3em 0; }
      .uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
      .uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
      .uniForm .inlineLabels .multiField .blockLabel .textInput,
      .uniForm .inlineLabels .multiField .blockLabel .selectInput,
      .uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

/* Focus pseudoclasses */
.uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
.uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
.uniForm div.focused .formHint{ color: #333; }

/* Columns (they are floated left by default) */
.uniForm .col{ width: 47.9%; /* <- Required property */ margin: 0 2% 20px 0; }
/* Use .first and .last classes to control the layout/spacing of your columns */
.uniForm .col.first{ width: 49%; /* <- Required property */ float: left; clear: none; }
.uniForm .col.last{ width: 49%; /* <- Required property */ float: right; clear: none; margin-right: 0; }

/* Messages */
.uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }

  .uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
  .uniForm #errorMsg dd{ margin: 0; padding: 0; }
    .uniForm #errorMsg ol{ margin: 0; padding: 0; }
      .uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
    .uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }

.uniForm #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
  .uniForm #OKMsg p{ margin: 0; }

/*
IT IS STRONGLY ADVISED TO MAKE YOUR CHANGES AFTER THIS COMMENT BY REPEATING (COPYING) THE SELECTOR FROM ABOVE, 
AND MODIFYING IT WITH YOUR OWN PROPERTIES/VALUES. THIS IS RECOMMENDED BECAUSE IF YOU HAPPEN TO RUN INTO TROUBLE, 
YOU CAN VERY EASILY REVERT TO A GENERIC STYLE OF UNI-FORM. BEST OF LUCK... 
*/

.uniForm {
	padding: 20px;
	background: #F2FAFF;
	-webkit-border-radius: 7px;
}

.uniForm .inlineLabel em {
	left: 10px !important;
}
/* steps navigation */
#content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-color:-moz-use-text-color #E8F7FB #E8F7FB;
border-style:none solid;
border-width:medium 7px 7px;
font-size:92%;
margin:0 auto;
padding:10px;
position:relative;
width:620px;
overflow:hidden;
}
.uniForm{ margin-top:1em }
.uniForm .multiField, .uniForm .blockLabels .multiField{ width: 60%; }
.uniForm .formHint, .uniForm .blockLabels .formHint{ width: 40%; margin-top: .3em; }
.uniForm .textInput, .uniForm select, .uniForm textarea{ border: 2px solid #dfdfdf; background:#fff; }
.ctrlHolder.focused .textInput{ border-color: #DFD77D; }
.uniForm .buttonHolder{ padding: 10px 10px 10px 0; /*font-size: 120%*/; margin: 1em 0;border: 1px solid #ccc; border-width: 1px 0; background: #f9f9f9; }
/* Phone number multifield custom styles */
.uniForm .inlineLabels .ctrlHolder .multiField .phoneNum .blockLabel{ width: auto; }
.uniForm .inlineLabels .inlineTextBox{width:40%; margin-right:2px;}
.uniForm .inlineLabels .inlineTextBoxRight{width:auto;}
.uniForm fieldset {clear:both;background:#fff;padding:20px 10px; border:7px solid #000; border-color: #7F7F7F; margin:20px 10px; width:auto;display:block;position:relative;}
.uniForm fieldset {
	margin: 0 0 1.5em 0;
}
legend {background:#EAF3FA; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:10px;}
.uniForm .ctrlHolder{ padding:7px; border-bottom: 1px solid #dfdfdf;height:auto;overflow:hidden;}
.uniForm .ctrlHolder .clearMargin,
.uniForm .ctrlHolder .multiField .clearMargin,
.uniForm .ctrlHolder .multiField .blockLabel .clearMargin {
	margin:0;
	}
/*thit is the blocklable to hold each control if there are more controls on one line.*/
.ctrlHolder .multiField label.blockLabel{
	float:left;
	width:auto;
	padding:1px;
	display:block;
	/*margin-bottom:3px !important;*/
	/*border:#000 1px solid;*/
	}
.uniForm .inlineLabels .label{
	float:left;
	width:45%;
	position:relative;
		}
.uniForm .inlineLabels .ctrlHolder .multiField{
	float:left;
	width:45%;
	position:relative;
	
	}	
.uniForm .inlineLabels .textInput,.uniForm .inlineLabels .selectInput, .uniForm .inlineLabels select {
	font-size:96%;
	}
.ctrlHolder .multiField .textInput{
    border:2px solid #dfdfdf !important;
	width:96% !important;
	display:block;
	/*padding:1px;*/
	/*background:#0F6;*/
	}
.vBox4{
	/*float:left;*/
	display:block;
	clear:both;
	width:auto;
	position:relative;
	/*padding:20px 10px;*/
	/*margin:20px 10px;*/
    /*border: 5px solid #dfdfdf;*/
  /* border-width:0 5px 0 0;*/
	height:auto;
	overflow:hidden;
	margin:15px 0;
	}	
.vBox4 h3{
	padding:2px;
	font-size:1em;
	font-weight:bold;
	color:#363636;
	}	
	
.uniForm .blockLabels .ctrlHolder p{
		display:block;
		margin:0.5em 0 0 0;
		padding:0;
		/*background:#3F6;*/
		overflow:hidden;
	}	
.uniForm label, .uniForm .blockLabels label, .uniForm .blockLabels .label{
	margin:0.3em 2% 0.5em 0;
	width:45%;
	display:block;
	height:auto;
	position:relative;
	float:left;
	}	
/*.innerBorderBox {clear:both;background:#fff;padding:20px 10px; border:10px solid #000; border-color: #6F6F6F; margin:20px 10px; width:auto;display:block;position:relative;}*/
.uniForm fieldset fieldset {clear:both;background:#fff;padding:20px 10px; border:5px solid #000; border-color: #7F7F7F; margin:0; width:auto;display:block;position:relative; height:auto;}

.uniForm .inlineLabels label em, .uniForm .inlineLabels .label em{
display:block;
font-style:normal;
font-weight:bold;
float:left;
position:relative;
right:auto;
width:1em;
color:#36C;
/*position:absolute;*/
/*right:0;*/
	}
	.uniForm label em, .uniForm .label em, .uniForm .blockLabels label em, .uniForm .blockLabels .label em{}
 #stepNav {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#F2F2F2;
	border-color:#D3D3D3;
	border-style:solid;
	border-width:1px 0;
	margin:0 0 1.5em;
	padding:5px;
	overflow:auto;
}
#stepNav li {
	background:#CCC;
	float:left;
	min-width:30%;
	max-width:33%;
	width:auto;
	padding:4px;
	margin-right:5px;
	opacity: .5;
}
#stepNav li.over {
	background:#fff;
	float:left;
	width:auto;
	padding:4px;
	margin-right:5px;
	color:#323232;
	border:1px #ddd solid;
	border-width:1px 0;
	opacity:1;
}
#stepNav li span {
	background:#6D6D6D;
	padding:0 10px;
	font-size:1.1em;
	color:#fff;
	float:left;
}
#stepNav li h2 {
	/*float:left;*/
	text-align:center;
	font-size:1.4em;
	padding:2px;
}
.prenextbtn {
	width:100%;
	overflow:auto;
}
.prenextbtn a{
	padding:5px 10px;
	background:#fff;
	color:#fff;
	text-align:center;
	float:left;
	color:#323232;
	border:1px #464646 solid;
	-webkit-border-radius: 14px;
	-moz-border-radius:14px;
	border-radius:14px;
	width:10%;
	font-size:1.4em;
}
.btnComplete{
	padding:5px 18px;
	background:#464646;
	color:#fff;
	text-align:center;
	float:left;
	/*border:1px #ccc solid;*/
	-webkit-border-radius: 14px;
	-moz-border-radius:14px;
	width:auto;
	font-size:1.1em;
	}
.prenextbtn a.prev {
	float:left;
}
.prenextbtn a.next {
	float:right;
}
.redError {
	margin-left:47%;
	float:left;
	width:42%;
	font-size: 1em;
	position: static;
	padding:2px 8px;
	margin-top:8px;
	border:1px #ccc solid;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	color:#646464;
	background:#ffdfdf;
}
.sectionInstruction {
	background:#DFDFDF;
	/*border: 1px solid #A2EF95;*/
	border-width: 1px 0;
	margin: 0 0 1em 0;
	line-height:20px;
	padding:0 20px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	overflow:auto;
}
.shadowText{
	color:#9c9c9c;
	font-size:0.9em; 
	color: #777;
	font-style:italic;
	}