body {
    padding-bottom: 40px;
}

label{font-weight:bold;}
	 /*input,*/
	 /*select,*/
	 /*textarea,*/
	 /*button{position:relative;float:left; margin-right: .5%; padding: 3px .75%; }*/
	 /*input[type=submit], button, .button{ */
		/*			background-color: #ccc;*/
		/*			color: #fff !important;*/
		/*			cursor: pointer;*/
		/*			border:0px; text-transform: uppercase;  padding: 3px .75%;}*/
		/*button:hover, submit:hover, .button:hover{*/
		/*	background-color: #808080 !important;*/
		/*	text-decoration:none;*/
		/*}*/
.zf-green {
    color: #68b604;
}
.mainbody{width: 100%; max-width: 2096px; margin: 40px auto; }

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}
/* BODY */

.navbar{height: 125px !important; border-bottom: 2px solid #000; background-color: #fff !important;}
	nav + .container{  clear: both;
    					margin-top: 100px;
    					padding: 20px;}

.container{}
/* NAV */


/* CONTENT LAYOUT */
	.panel-body{min-height: 200px;}
	#loginform-wrapper{ position: relative; width: 400px; margin: 100px auto;}
	#loginform{border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    padding: 30px;
    position: relative;
    width: 100%;
	}

	
	/* SIMPLE CONTENT LAYOUT*/
		.details{position:relative; float: left; width: 100%;}
		.details label{ position:relative; float: left; width: 20%; max-width: 150px; min-width: 75px; clear: left; }
		.details span{ position:relative; float: left; width: 80%;}

		.details  span.detailitem-edit{ display:none;}
		.details  span.detailitem{}

		.row{position:relative; float: left; width: 100%; margin-bottom: 5px;}
	.row label{position:relative; float: left; width: 15%;margin-left: 5%;}
	.row .details{position:relative; float: left; width: 65%;}
	/* DATA TABLE LAYOUT */
		.displaytable{ width: 100%;}
		.displaytable thead{border-bottom: 1px solid #000;}
		.displaytable thead th{ }
		.displaytable thead tr{}
		.displaytable tbody tr{}
		.displaytable tbody tr:nth-child(even){ background-color: #eee;}
		.displaytable tbody tr:nth-child(odd){}
		.displaytable tbody td{ padding: 5px 5px;}
		.displaytable tfoot tr{}
		.displaytable tfoot td{}
	
	
		.pagination{ position:relative; float: left; width: 100%; text-align: right;}
	.pagination .previous{ position:relative; float: left;}
	.pagination .count{ position:relative; float: left; margin: 0px 10px;}
	.pagination .next{ position:relative; float: left;}
		
	/* FORM LAYOUT */

	.addform,.updateform{position:relative;float:left;width:100%;}
	.addform input,
	.addform select,
	.addform textarea,
	.addform button,
	.updateform input,
	.updateform select,
	.updateform textarea,
	.updateform button{ }
	form input,
	form textarea,
	form select{}
/* DEMO MODE */
#demo{
	width: 100%; 
	top: -20px;
	padding: 3px 5%;
	position:relative;
	float: left;
	background-color: #cc0000;
	color: #fff;
	text-align: center;
	font-size: .8em;
	text-transform: uppercase; 
	margin-bottom: 20px;
}

/* FOOTER */
footer{position:relative; width: 100%;clear:both; margin-top: 50px; padding-top: 50px; border-top: 1px solid #ccc; float: left;}
#debug{
	position:relative; width: 100%;
	clear:both;
	padding: 20px; 
	border-radius: 10px; border: 1px dashed #aaaaaa; background-color: #cccccc;
}



/* ELEMENTS */
.toolbar{ position:relative; float: left; width: 100%; text-align: right;}

.view{}
.edit{}
input, button, textarea, select{  padding: 7px 10px !important;}
input[type=button],
input[type=submit]
,button{ background-color: #8fb4ef; color: #fff; text-transform: uppercase; font-weight: bold;}

button.add, .button.add{ background-color: #eee;}
button.cancel, .button.cancel{ background-color: #eee;}
button.delete, .button.delete{ background-color: #eee;}


#confirm-buttons{position:relative; float: left; width: 100%; margin-top: 20px;}
#confirm-buttons button{}
#confirm-yes{position:relative; float: left; width: 45%; margin-right: 5%; border-radius: 5px; border: 0px;}
#confirm-no{position:relative; float: left; width: 45%; border-radius: 5px; border: 0px; background-color: #e87d7d}

.accordian{ position:relative; float: left; width: 100%;}
.accordian h3{ position:relative; float: left; color: #333 !important; border: 1px solid #ccc; padding: 10px 2.5%; width: 95%; border-radius: 5px; cursor: pointer;}
.accordian h3.ui-state-active{ color: #333 !important; border-radius: 5px 5px 0px 0px; background-color: #ccc;margin-bottom: 0px; }

.accordian  .ui-accordion-content{ position:relative; float: left; border: 1px solid #ccc; padding: 10px 2.5%; width: 95%; border-radius: 0px 0px 5px 5px; height: auto !important; }

.section { position:relative; float: left; width: 100%;}
.section .subsection{ position:relative; float: left; width: 100%;}
.section .subsection .row{ position:relative; float: left; width: 100%;}
.section .subsection .row label{ position:relative; float: left; width: 18%; margin-right: 2%; vertical-align: top;}
.section .subsection .row .setting{ position:relative; float: left; width: 28%; margin-right: 2%; vertical-align: top;}
.section .subsection .row .setting-edit{ position:relative; float: left; width: 28%; margin-right: 2%; vertical-align: top;}
.section .subsection .row .description{ position:relative; float: left; width: 18%; margin-right: 2%; vertical-align: top;}