/***********STYLES FOR DEMO ONLY*******************/
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;
			border: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
		}
		/* HTML5 display-role reset for older browsers */
		article, aside, details, figcaption, figure,
		footer, header, hgroup, menu, nav, section {
			display: block;
		}
		body {
			background:#ccc;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
			border:1px solid #ddd;
			width:100%;
			margin:25px 0;
		}
		table td,
		table th {
			border-top: 1px solid #ddd;
			border-right:1px solid #ddd;
		  	padding: 8px;
		}
		table th {
			border-bottom: 2px solid #ddd;
		}

		.table {
			padding:35px;
			background: #fff;
			margin-bottom:35px;
		}
		img {
			max-width: 100%;
		}

		p  {
			line-height: 20px;
		}

		h1,h2,h3,h4,h5,h6,thead {
			font-family: 'Bree Serif', serif;
		}

		h1 {
			margin-bottom:20px;
			font-size: 26px;
		}
		.intro {
			background:#fff;
			border-bottom: 1px dashed #ccc;
		}
		.intro h1 {
			font-weight: bold;
			font-size: 30px;
			text-align: center;
			padding: 30px 0 0 0;
			line-height: 38px;
			margin-bottom:15px;
		}
		.intro p {
			text-align: center;
			margin-bottom: 35px;
		}
/***********END STYLES FOR DEMO********************/


/*override default table syles for hidden tr / tds */
.sr-table-tr td{
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:none;
	padding:0 0 0 0;
}
/*visible stacked row styles*/
.sr-table-tr.even .sr-table-div {
	background:#f8f8f8;
}
.sr-table-div{
	padding:35px 30px 25px 30px;
	border-bottom:1px solid #ddd;
}
.sr-tr-last .sr-table-div{
	border-bottom:none;
}
.sr-table-record-div {
	border-bottom:1px dashed #E2E2E2;
	margin-bottom:14px;
	padding-bottom: 10px;
}
.sr-table-tr.even .sr-table-record-div {
	border-bottom:1px dashed #D5D5D5;
}
.sr-table-record-div:last-child {
	border-bottom:none !important;
	padding-bottom:0px;
}
.sr-table-record-div input, 
.sr-table-record-div textarea, 
.sr-table-record-div .uneditable-input, 
.sr-table-record-div select {
	margin-bottom:10px;
	margin-top:3px;
}
.sr-table-div, 
.sr-table-record-div.blankValue.blankLabel, 
.sr-table-record-div.blankValue p, 
.sr-table-record-div.blankLabel label {
	display:none;
}
.sr-table-div img {
	max-width: 100%;
	width:100%;
}
.sr-table-record-div.blankValue label {
	margin-bottom:10px;
}
.sr-table-record-div.blankLabel p, 
.sr-table-record-div.blankLabel textarea {
	margin-top:10px;
}
.sr-table-div label {
	display:block;
	margin-bottom:5px;
	font-size: 11px;
	font-style: italic;
	color: #AEAEAE;
}
.sr-table-div label.hidden {
	display:none;
}


@media (max-width: 767px){
	.sr-hide, 
	.sr-header{
		display:none;
	}
	.sr-table-div {
		display:block;		
	}
}