/*** Remove inconsistent (among browsers) -
	 *** default padding or margin
	 ***/
	ul, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset,
		input, label, div, dd, dt, dl, table, tr, td, img, hr {
		margin: 0px;
		padding: 0px;
	}

	/*** Prevent blue linked image borders
	 ***/
	a img,:link img,:visited img, fieldset {
		border: none;
	}

	html {
		height: 100%;
	}

	body {
		-webkit-touch-callout:    none;             /* prevent callout to copy image, etc when tap to hold */
		-webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
		-webkit-user-select:      none;             /* prevent copy paste, to allow, change 'none' to 'text' */

		color:       #445863;
		font-family: arial;
		font-size:   0px;
		height:      100%;
		margin:      0px;
		padding:     0px;
		width:       100%;
	}

	section {
		display: none;
	}

	img.logo {
		padding: 10%;
		width: 80%;
	}

	div.tabs > ul {
		border-bottom: 1px solid #000;
	}

	div.tabs > ul >li {
		background-image:    linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat:   repeat-x;
		border:              1px solid #cccccc;
		border-bottom:       0;
		border-color:        rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-radius:       4px 4px 0 0;
		box-shadow:          inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		color:               #555;
		display:             inline-block;
		font-size:           16px;
		padding:             4px 12px;
		text-align:          center;
		text-shadow:         0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align:      middle;
	}

	div.tabs > ul > li:first-child {
		margin-left: 10px;
	}

	div.tabs > ul > li.active {
		background: #fff;
	}

	nav {
		background:          url('/images/icon_menu.png') no-repeat;
		background-position: 10px 7px;
		border-bottom:       1px solid #cccccc;
		display:             block;
		height:              60px;
		position:            relative;
		width:               100%;
	}

	nav img.logo {
		height:   40px;
		padding:  0;
		position: absolute;
		right:    20px;
		top:      10px;
		width:    auto;
	}

	nav ul {
		display:  none;
		position: absolute;
		top:      60px;
		width:    100%;
	}

	nav ul li {
		background: #fff;
		border:     1px solid #cccccc;
		font-size:  20px;
		padding:    10px;
	}

	nav ul.active {
		display:  block;
		left:     0;
		position: absolute;
	}

	div.content {
		font-size: 16px;
		padding:   20px;
	}

	div.content.hidden {
		display: none;
	}

	div.hidden-content {
		display: none;
	}

	div.popup-grayout {
		background: rgba( 0, 0, 0, 0.7 );
		bottom:     0;
		left:       0;
		position:   absolute;
		right:      0;
		top:        0;
	}

	div.popup-content {
		background:    #fff;
		border-radius: 4px;
		bottom:        50px;
		color:         #445863;
		font-size:     14px;
		left:          20px;
		overflow-y:    auto;
		padding:       10px;
		position:      absolute;
		right:         20px;
		top:           50px;
		z-index:       1;
	}

	div.popup-content h1 {
		border-bottom: 1px solid #cccccc;
		font-size:     22px;
		padding:       10px 0;
		text-align:    center;
	}

	div.popup-content h2 {
		font-size:     18px;
		padding-top:   10px;
		text-align:    center;
	}

	div.popup-content p {
		margin-top: 10px;
	}

	div.popup-content input {
		margin: 10px auto;
	}

	div.ajax-spinner {
		background:  #fff;
		border:      1px solid #000;
		height:      32px;
		left:        50%;
		margin-left: -56px;
		margin-top:  -26px;
		padding:     10px 40px;
		position:    absolute;
		top:         50%;
		width:       32px;
		z-index:     1
	}

	div.ajax-spinner-grayout {
		background: rgba( 0, 0, 0, 0.7 );
		bottom:     0;
		left:       0;
		position:   absolute;
		right:      0;
		top:        0;
	}

	form div.line {
		display:     block;
		padding-top: 10px;
	}

	form div.line span {
		display: block;
	}

	form div.line span.name {
		font-weight: bold;
	}

	form div.line.checkbox span {
		display:        inline-block;
		vertical-align: top;
	}

	form div.line.checkbox span.value {
		width: 10%;
	}

	form div.line.checkbox span.label {
		width: 80%;
	}

	form input[type=text], form input[type=password], form select, form textarea {
		border:         1px solid #cccccc;
		border-radius:  4px;
		box-shadow:     inset 0 1px 1px rgba(0, 0, 0, 0.075);
		color:          #403533;
		height:         30px;
		transition:     border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
		vertical-align: middle;
		width:          99%;
	}

	form input[type=checkbox] {
	}

	form div.section div.input {
		display: inline-block;
		margin-right: 20px;
		vertical-align: top;
		width: 100%;
	}

	form div.input {
		margin-bottom: 15px;
	}

	form div.input span {
		display: block;
		margin-bottom: 10px;
	}

	form div.input span.input {
		word-wrap: break-word;
	}

	input[type=submit], button, input[type=button] {
		background-image:    linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat:   repeat-x;
		border:              1px solid #cccccc;
		border-bottom-color: #b3b3b3;
		border-color:        rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-radius:       4px;
		box-shadow:          inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		color:               #555;
		font-size:           14px;
		line-height:         20px;
		margin:              10px 0 0 15px;
		padding:             4px 12px;
		text-align:          center;
		text-shadow:         0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align:      middle;
	}

	input[type="button"].primary, input[type="submit"].primary, button.primary {
		color: #ddd !important;
		background-image: linear-gradient(to bottom,#9F2830,#CF4850) !important;
		text-shadow: 0 1px 1px rgba(255,128,128,0.75) !important;
	}

	table.bordered {
	  border-collapse: collapse;
	  margin-bottom: 50px;
	  width: 100%;
	}

	table.bordered tr.odd {
	  background: #f0ece0;
	}
	
	table.bordered tr.even {
	  background: #f8f4e8;
	}
	
	table.bordered tr th {
	  background: #676767;
	  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3Njc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjNmM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	  background: -moz-linear-gradient(top,#676767 0%,#3f3f3f 100%);
	  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#676767),color-stop(100%,#3f3f3f));
	  background: -webkit-linear-gradient(top,#676767 0%,#3f3f3f 100%);
	  background: -o-linear-gradient(top,#676767 0%,#3f3f3f 100%);
	  background: -ms-linear-gradient(top,#676767 0%,#3f3f3f 100%);
	  background: linear-gradient(to bottom,#676767 0%,#3f3f3f 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767',endColorstr='#3f3f3f',GradientType=0);
	  border-right: 1px solid #373737;
	  color: #fff;
	  font-size: 12px;
	  height: 30px;
	  text-align: left;
	}
	
	table.bordered tr th:first-child {
	  border-top-left-radius: 5px;
	}
	
	table.bordered tr th:last-child {
	  border: 0;
	  border-top-right-radius: 5px;
	}
	
	table.bordered tr th a {
	  color: #fff;
	}
	
	table.bordered tr td {
	  border: 1px solid #d4d4d4;
	  font-size: 12px;
	  height: 30px;
	}
	
	table.bordered tr th {
		text-align: center;
	}

	table.bordered tr td {
	  padding: 0 10px;
	}

	table.bordered tr.row_parent td:first-child::before {
		content: '+';
		background-color: #337ab7;
		top: 8px;
		left: 4px;
		height: 16px;
		width: 16px;
		display: block;
		color: white;
		border: 2px solid white;
		border-radius: 16px;
		box-shadow: 0 0 3px #444;
		box-sizing: content-box;
		font-family: 'Courier New', Courier, monospace;
		text-indent: 4px;
		line-height: 16px;
		float: left;
		margin-right: 5px;
	}

	table.bordered tr.collapsed td:first-child::before {
		content: '-';
		background-color: #d33333;
		top: 8px;
		left: 4px;
		height: 16px;
		width: 16px;
		display: block;
		color: white;
		border: 2px solid white;
		border-radius: 16px;
		box-shadow: 0 0 3px #444;
		box-sizing: content-box;
		font-family: 'Courier New', Courier, monospace;
		text-indent: 4px;
		line-height: 16px;
		float: left;
		margin-right: 5px;
	}

	table.bordered tr td ul {
		display: inline-block;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	table.bordered tr td ul li {
		border-bottom: 1px solid #efefef;
		padding: 0.5em 0;
	}

	table.bordered tr td ul li span.data-title {
		display: inline-block;
		min-width: 120px;
		font-weight: bold;
	}

	table.bordered tr.row_child {
		display: none;
	}

	table.bordered tr.priority:nth-child(2n+1) td {
		background: #de6363;
		color: #fff;
	}

	table.bordered tr.priority:nth-child(2n) td {
		background: #d43c3c;
		color: #fff;
	}

	input.btn-center {
		width: 50%;
		margin-left: 25% !important;
	}

	/** Dashboard **/
	#dashboard-info tbody tr td {
		padding: 5px;
		font-size: 12px;
	}

	#dashboard-info tbody tr td span.title {
		font-weight: bold;
	}

	#pay-balance {
		text-align: center;
		border-bottom: 1px solid #cccccc;
		padding-bottom: 5px;
	}

	/** Transaction **/
	.transaction-history-btn {
		text-align: center;
	}

	.transaction-history-btn input, .make-one-time-payment input[type=button] {
		padding: 4px 7px !important;
	}

	.transaction-history-list {
		margin-top: 50px;
	}

	.scheduled-payment-list table tbodt tr.row_child td {
		padding-left: 0px;
	}

	.scheduled-payment-list span.data-value input {
		margin: 5px;
	}

	.make-one-time-payment span.payment-type, .setup-payment-plan span.payment-type {
		cursor: pointer;
		font-weight: bold;
		text-decoration: underline;
	}

	.make-one-time-payment input[type=button] {
		margin-left: 0px;
	}

	.make-one-time-payment select {
		width: 46% !important;
	}

	.make-one-time-payment input.submit-cc {
		margin-left: 1px;
	}

	.btn-print {
		padding: 5px 5px 0px 5px;
		float: right;
	}

	#payment_message h2 {
		font-size: 20px !important;
	}

	#payment_message p {
			margin: 0;
		}

	#payment_message div {
			margin:  0;
			padding: 0;
		}

	#payment_message div.header div.center {
			font-weight: bold;
			text-align:  center;
		}

	#payment_message div.header div.clear {
			clear: both;
		}

	#payment_message div.header div.left {
			float: left;
		}

	#payment_message div.header div.right {
			float:      right;
			text-align: right;
		}

	#payment_message div.footer {
			text-align: center;
		}

	#payment_message	div.footer div.column {
			display:        inline-block;
			text-align:     left;
			vertical-align: top;
			width:          24%;
		}

	#payment_message p.header {
			font-weight:     bold;
			text-align:      center;
			text-decoration: underline;
		}

	#payment_message hr {
			height: 2px;
			background-color: #000;
			width: 100%;
		}

	#payment_message table {
		border: none !important;
	}

	#payment_message table tr td {
		padding-top: 10px;
		border: none !important;
	}

	.payment-plan-list input[type=button] {
		padding: 2px 3px 2px 3px;
		margin-left: 5px;
		font-size: 13px;
		margin-top: 0px;
	}

	.pagination a, .file-link {
		color: #403533;
		text-decoration: underline;
		cursor: pointer;
	}