/* ****************************************************** */
/* Bootstrap style alterations for .NET */
/* ****************************************************** */
.h1, .h2, .h3, h1, h2, h3 {
    margin: 0;
    font-weight: bold;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin: 0;
    font-weight: bold;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
}
.row {
  font-size: 13px;
}
.margin-top-10 {
    margin-top: 10px;
}
fieldset {
    padding: .35em .625em .75em;
    border: 1px solid silver;
}
legend {
    border-bottom: none;
    padding: 0 10px;
    margin-bottom: 0;
    width: inherit;
}
div.passport-slot-alert {
    margin: 10px 0 !important;
    padding: 12px 15px !important;
    color: black !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border: 1px solid #b8cbce !important;
    background: #b5b5b5 url("../images/bkg_notification_gradient_white_lg.png") top left repeat-x !important;
    background: none, -moz-linear-gradient(100% 100% 90deg, #b5b5b5, #FFFFFF) !important;
    background: none, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b5b5b5), to(#FFFFFF)) !important;
    background: none, -webkit-linear-gradient(#FFFFFF, #b5b5b5) !important;
    background: none, -o-linear-gradient(#b5b5b5, #FFFFFF) !important;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #d1d1d1;
    -moz-box-shadow: 0 0 2px #d1d1d1;
    -webkit-box-shadow: 0 0 2px #d1d1d1;
    opacity: 0.8;
}
.btn-primary {
	background-image: -moz-linear-gradient(top , #0074CC, #0074CC);	
}
.btn-primary:hover {
	background-image: -moz-linear-gradient(top , #0055cc, #0055cc);
}
.passport-row > ul {
	margin: 0;
	padding: 0 0 0 10px;
}
.passport-row > ul > li {
	padding: 2px;
	line-height: 14px;
}
.infosechdr_inner .control-label {
    font-size: 14px;
}
select, .ui-state-error {
    height: 34px !important;
}
.controls {
    margin-top: 6px;
}
.controls select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/* Custom Styles */
.first-requirement {
    padding-right:40px !important;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.blockUI.blockMsg.blockPage{
    border-radius: 10px !important; 
    border: none !important; 
    padding: 20px !important; 
}
@media screen and (min-width: 1020px) {
	div.section-container {
		background: url('../images/shadow_content_footer.png') no-repeat scroll center bottom transparent;
		background-size: 100%;
		padding: 0 0 12px 0;
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	.modal-dialog .modal-content div.section-container { padding: 0 0 11px 0;}
}
@media screen and (max-width: 1019px) and (min-width: 950px ) {
    .row-fluid .span12 {
    width: 99.999999993% !important;
    *width: 99.9468085036383% !important;
  }
}
@media screen and (min-width: 768px) {
    .margin-top-20 {
        margin-top:20px;
    }
    .padding-right-5 {
        padding-right: 5px;
    }
    .padding-right-20 {
        padding-right: 20px;
    }
    .padding-left-0 {
        padding-left: 0px;
    }
    .vertical-align-middle {
        vertical-align: middle;
    }
    .no-padding {
        padding: 0;
    }
    .first-requirement {
        padding-right: 40px;
    }
}
@media screen and (max-width: 767px) {
    .row-fluid .mobile-span12 {
    width: 99.999999993% !important;
    *width: 99.9468085036383% !important;
    }
    .text-center-mobile{
        text-align: center;
    }
}
/* 
Change table display for mobile devices: BEGIN
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	.table-bordered { border: none;}
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; margin: 0 0 10px 0;}
	.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
	}
	.table>tbody>tr>td.actions, .table>tbody>tr>td.generate_pdf { padding-left: 0px;}
	.table>tbody>tr>td.actions ul.actions {margin-top: 25px;} 
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 6px;
		width: 55%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data	
	*/
	/* table-propertytable */
	.table-propertytable td:nth-of-type(1):before { content: "Name"; font-weight: bold;}
	.table-propertytable td:nth-of-type(2):before { content: "Address";  font-weight: bold; }
	.table-propertytable td:nth-of-type(3):before { content: "Phone";  font-weight: bold; }
	.table-propertytable td:nth-of-type(4):before { content: "Actions";  font-weight: bold; width: 95%; }

	/* table-towcompanytable */
	.table-towcompanytable td:nth-of-type(1):before { content: "Name"; font-weight: bold;}
	.table-towcompanytable td:nth-of-type(2):before { content: "Address";  font-weight: bold; }
	.table-towcompanytable td:nth-of-type(3):before { content: "Phone";  font-weight: bold; }
	.table-towcompanytable td:nth-of-type(4):before { content: "Actions";  font-weight: bold; width: 95%; }
	
	/* table-propertyusertable */
	.table-propertyusertable td:nth-of-type(1):before { content: "username"; font-weight: bold;}
	.table-propertyusertable td:nth-of-type(2):before { content: "email address";  font-weight: bold; }
	.table-propertyusertable td:nth-of-type(3):before { content: "Actions";  font-weight: bold; width: 95%; }	

	/* table-residentusertable */
	.table-residentusertable td:nth-of-type(1):before { content: "Username"; font-weight: bold;}
	.table-residentusertable td:nth-of-type(2):before { content: "First Name";  font-weight: bold; }
	.table-residentusertable td:nth-of-type(3):before { content: "Last Name";  font-weight: bold; }
	.table-residentusertable td:nth-of-type(4):before { content: "Address";  font-weight: bold; }
	.table-residentusertable td:nth-of-type(5):before { content: "Phone";  font-weight: bold; }
	.table-residentusertable td:nth-of-type(6):before { content: "Status";  font-weight: bold; }
	.table-residentusertable td:nth-of-type(7):before { content: "initial password";  font-weight: bold; }
	.table-residentusertable td:nth-of-type(8):before { content: "Actions";  font-weight: bold; width: 95%; }
	
	/* table-residentnotetable */
	.table-residentnotetable td:nth-of-type(1):before { content: "created"; font-weight: bold;}
	.table-residentnotetable td:nth-of-type(2):before { content: "Notes";  font-weight: bold; }

	/* table-parkingpasstable */
	.table-parkingpasstable td:nth-of-type(1):before, .table-tempparkingpasstable td:nth-of-type(1):before { content: "Pass ID"; font-weight: bold;}
	.table-parkingpasstable td:nth-of-type(2):before, .table-tempparkingpasstable td:nth-of-type(2):before { content: "Expiration Date";  font-weight: bold; }
	.table-parkingpasstable td:nth-of-type(3):before, .table-tempparkingpasstable td:nth-of-type(3):before { content: "Vehicle Make";  font-weight: bold; }
	.table-parkingpasstable td:nth-of-type(4):before, .table-tempparkingpasstable td:nth-of-type(4):before { content: "Vehicle Model";  font-weight: bold; }
	.table-parkingpasstable td:nth-of-type(5):before, .table-tempparkingpasstable td:nth-of-type(5):before { content: "License Number";  font-weight: bold; }
	.table-parkingpasstable td:nth-of-type(6):before, .table-tempparkingpasstable td:nth-of-type(6):before { content: "Color";  font-weight: bold; }
	.table-parkingpasstable td:nth-of-type(7):before, .table-tempparkingpasstable td:nth-of-type(7):before { content: "Generate PDF";  font-weight: bold; width: 95%; }
	.table-parkingpasstable td:nth-of-type(8):before, .table-tempparkingpasstable td:nth-of-type(8):before { content: "Active";  font-weight: bold; }
	.table-parkingpasstable td:nth-of-type(9):before, .table-tempparkingpasstable td:nth-of-type(9):before { content: "Actions";  font-weight: bold; width: 95%; }

	/* table-propertyusertable */
	.table-propertyusertable td:nth-of-type(1):before { content: "username"; font-weight: bold;}
	.table-propertyusertable td:nth-of-type(2):before { content: "email address";  font-weight: bold; }
	.table-propertyusertable td:nth-of-type(3):before { content: "Actions";  font-weight: bold; width: 95%; }
			
	/* table-toweventtable, table-towwarningtable */
	.table-towwarningtable td:nth-of-type(1):before, .table-toweventtable td:nth-of-type(1):before { content: "created"; font-weight: bold;}
	.table-towwarningtable td:nth-of-type(2):before, .table-toweventtable td:nth-of-type(2):before { content: "Drivers Name";  font-weight: bold; }
	.table-toweventtable td:nth-of-type(3):before { content: "Pass ID";  font-weight: bold; }
	.table-towwarningtable td:nth-of-type(3):before { content: "Warning ID Number";  font-weight: bold; }
	.table-towwarningtable td:nth-of-type(4):before, .table-toweventtable td:nth-of-type(4):before { content: "Location of Tow";  font-weight: bold; }
	.table-towwarningtable td:nth-of-type(5):before, .table-toweventtable td:nth-of-type(5):before { content: "Vehicle Make";  font-weight: bold; }
	.table-towwarningtable td:nth-of-type(6):before, .table-toweventtable td:nth-of-type(6):before { content: "Vehicle Model";  font-weight: bold; }
	.table-towwarningtable td:nth-of-type(7):before, .table-toweventtable td:nth-of-type(7):before { content: "Vehicle License";  font-weight: bold; }
	.table-towwarningtable td:nth-of-type(8):before, .table-toweventtable td:nth-of-type(8):before { content: "Vehicle Color";  font-weight: bold; }
	.table-towwarningtable td:nth-of-type(9):before, .table-toweventtable td:nth-of-type(9):before { content: "Reason for Tow";  font-weight: bold; }
	.table-towwarningtable td:nth-of-type(10):before, .table-toweventtable td:nth-of-type(10):before { content: "Actions";  font-weight: bold; width: 95%; }
	
	/* table-hover */
	.table-hover td:nth-of-type(1):before { content: "Plan"; font-weight: bold;}
	.table-hover td:nth-of-type(2):before { content: "Interval";  font-weight: bold; }
	.table-hover td:nth-of-type(3):before { content: "Description";  font-weight: bold; }
	.table-hover td:nth-of-type(4):before { content: "Quantity";  font-weight: bold; }
	.table-hover td:nth-of-type(5):before { content: "";  font-weight: bold; }

	/* history-table */
	#history-table td:nth-of-type(1):before { content: "Plan"; font-weight: bold;}
	#history-table td:nth-of-type(2):before { content: "Interval";  font-weight: bold; }
	#history-table td:nth-of-type(3):before { content: "Description";  font-weight: bold; }
	#history-table td:nth-of-type(4):before { content: "Quantity";  font-weight: bold; }
	#history-table td:nth-of-type(5):before { content: "";  font-weight: bold; }
		
}
/* 
Change table display for mobile devices: END
*/
/*! 
*	BEGIN - CSS styles for clearing floats 
*	Created by - Aravind
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/* END - CSS styles for clearing floats */