/* =============================================================================
   Base Styles -- Ideally these styles would get moved to the theme stylesheet
   ========================================================================== */


	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		color: #2A5B55;
		font-weight: bold;
		display: block;
		line-height: 1.6em;
		margin: 0 0 1em 0;
	}

	p { line-height: 1.6em; margin: 0 0 1em 0; }

	a { font-weight: bold; color: #295A54; }

	.green { color: #2A5B55; }

	.group:before,
	.group:after {
		content:"";
		display:table;
	}
	.group:after { clear:both; }
	.group { zoom:1; }	/* For IE 6/7 (trigger hasLayout) */
 
/* =============================================================================
  Paris: Generic
  ========================================================================== */

	#paris-content { font-size:12px; }

	.info-block { margin: 0 0 1em 0;}

	.info-block p	{
		font-size:11px;
		margin: 0 0 .25em 0;
	}

	.info-block p > strong	{
		display: inline-block;
		width: 130px;
		color: #000000;
	}

	.account-details { color:#bf0000; }

/* =============================================================================
  Paris: Navigation
  ========================================================================== */

  	#paris-nav {
  		margin-bottom: 25px;
  	}

	#paris-nav.wide-nav	{
		width: 100%;
		margin-right: 0;
	}

	#paris-nav.wide-nav div{
		background: white url(../../Images/paris-navbar_wide.png);
		width:193px;
	}

	#paris-nav.wide-nav div.top {
		background-position: left top;
	}

	#paris-nav.wide-nav div.mid {
		background-position: 0px -36px;
	}

	#paris-nav.wide-nav div.bottom {
		background-position: 0px 0px;
		background-position: left bottom;
		height: 18px;
	}

	#paris-nav.wide-nav div.mid.current {
		background-position: -223px -36px;
	}

/* ==========================================================================
	Sidebar: General;
	========================================================================= */

	.sidebar {
		width: 223px;;
		float: right;
	}

	.paris-sidebar-widget {
		clear: right;
	}

/* =============================================================================
   Forms: Wrapper
   ========================================================================== */

	form.padded-form {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		*behavior: url(/behaviors/boxsizing.htc);

		padding: 15px;
		margin: 15px 10px 25px 0;
	}

	.bordered-form {
		border: 1px solid #cccccc;
	}

	form.two-column { width: 512px; }

	fieldset { width:100%; }
	legend {
		color: #2A5B55;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.75em;
		margin: 1em 0;
		display: block;
		border-bottom: 1px solid #CCC;
		width: 100%;
	}


/* .............................................................................
  Forms: Generic
  .......................................................................... */

	form p { color: #797979; }

	input[type="text"],
	input[type="password"]	{
		width: 100%;
		padding: 6px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		*behavior: url(/behaviors/boxsizing.htc);

		font-size: 11px;
		font-family: Arial,  Verdana, Helvetica, sans-serif;
		color:#666666;
		border: 1px solid #cecece;
	}

	input[type="image"]	{
		width: auto;
		border: none;
		padding: 0;
	}
	  
	input[readonly="readonly"],
	input[disabled="disabled"]
	{
		background: #ebebe4;
	}

	input[type="submit"] {
	}

	textarea	{
		padding: 3px;
		width: 457px;
		max-width: 457px;
		min-width: 457px;
		height: 90px;
		min-height: 90px;
		border: 1px solid #cecece;
	}

	select { 
		padding:3px; 
		width: 100%; 
	}

	label	{
		display: block;

		margin: 0 0 3px 0;
		font-weight: 700;
		line-height: 1.4em;
		color: #797979;
	}
	label > span { color: #ff0000; }

	label.simple-label {
		font-weight: 400;
		color: #797979;
	}

/* .............................................................................
  Forms: Layout
  .......................................................................... */

	.form-row {
		margin: 15px 0;
		zoom: 1;
		position:relative;
	}
	.form-row:before,
	.form-row:after 
	{
		content: "";
		display: table;
	}
	.form-row:after { clear:both; }	

	.row-inline	{
		float: left;
		width: 225px;
		margin: 0 15px 0 0;
	}

/* .............................................................................
  Forms: Input Sizes  // Best when applied to containing div.
  .......................................................................... */

	.three-quarters-form {		width: 720px; }
	.half-form { 				width: 475px; }
	.quarter-form { 			width: 260px; }

	.triple-field { 			width: 697px; }
	.double-field { 			width: 457px; }
	.three-quarter-field { 		width: 165px; }
	.two-thirds-field { 		width: 145px; }
	.half-field { 				width: 105px; }
	.third-field { 				width: 65px;}
	.quarter-field { 			width: 45px; }

	.auto-width { 				width: auto; }

/* .............................................................................
  Forms: Checkbox Styles
  .......................................................................... */	

	label > input[type="checkbox"],
	label > input[type="radio"]
	{
		width: inherit;
		position:absolute;
		left: 0;
		font-size:inherit;
		top: .1em;
	}

	/*	This rule allows for multi line labels which 
		contain checkboxes and radio inputs. 	*/
	.checkbox-label,
	.radio-label
	{
		position: relative;
		padding-left: 20px;
	}

/* .............................................................................
  Forms: Select Box Styles
  .......................................................................... */	

	select + select {
		margin-left: 10px;		
	}

/* .............................................................................
  Forms: Errors
  .......................................................................... */	

	.error-message {
		color: #ff0000;
	}

	.tenant-wrap{
		padding: 5px;
	}

	input.error[type=text], .tenant-wrap.error{
		border:1px solid #ff0000;
		background:#ffefef;
	}

/* .............................................................................
  Forms: Special Cases
  .......................................................................... */

	.centered-label {
		position: relative;
		top: 5px;
	}

	.inline-label {

	}

	.inline-label > label {
		display: inline-block;
		margin-right: 5px;
	}

	.inline-label > input {
		width: 50%;
	}

	/* For use in the case of stacked labels, eg
		multiple radio buttons/checkboxes	*/
	label.stacked {
		font-weight: normal;
		margin: 10px 0 ;
	}

	#start-date-message {
		margin: 10px 0 0;
		font-size: 11px;
		font-style: italic;	
	}
	#Credential-delivery-message {
		margin: 10px 0 0;
		font-size: 11px;
		font-style: italic;	
	}

/* =============================================================================
   Roadblock: Generic
   ========================================================================== */

	#roadblock-bg	{
		position:fixed;
		height:100%;
		width:100%;
		background:rgb(0,0,0);
		background:rgba(0,0,0, .75);
		z-index:8888;
	}	

	#roadblock	{
		position: fixed;
		z-index: 9999;
		height: 75%;
		width: 50%;
		left: 25%;
		top: 12.5%;
		overflow: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		*behavior: url(/behaviors/boxsizing.htc);


		background: #e5e5e5;
		text-align: left;
		padding: 25px;
		font-size: 12px;
	}

	#roadblock h4 {
		padding-bottom: 10px;
		margin-bottom: 15px;
		font-size: 13px;
	}

	.close-roadblock {
		position:absolute;
		bottom:10px;
	}

/* ==========================================================================
	Overrides
	========================================================================= */

	.cancel-time-message {
		margin: .25em 0 -.5em;
	}	

	/* ==========================================================================
		monthly parking sign up
		========================================================================= */
/*radio button text adjustment*/

#tenant_status, #tenant_status_yes, #tenant_status_no {
	display: inline;
	width: 20px;
}
.tenant{
	display: inline;
		}

.myBilling{
	display: inline;
		}

			#finalSubmit{
						position:relative;
					}