/*
 **************************************************************************
 *                                                                        *
 * Layout stylesheet for CQ Building & Pest Inspections.                  *
 * Use this for all structural main layout rules (display, float,         *
 * clear, overflow, margin & padding, width & height).                    *
 *                                                                        *
 * Coded by Jylan Wynne - Almost Anything Web & Graphic Design            *
 *                                                                        *
 **************************************************************************
 */

body {
	padding:0;
	margin:0;
}

/*
body * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
} */

ul#quickactions {
	float:right;
	width:18%;
	margin:0 2%;
	padding:2% 0 0;
	display:none;
}

	body#home ul#quickactions {
		display:block;
	}

	ul#quickactions li {
		margin-bottom:1em;
		padding:0;
	}

div#contentcontainer {
	margin:2% 2% 0 2%;
	overflow:hidden;
	float:left;
	width:96%;
	display:table;
	table-layout:fixed;
}

	body#home div#contentcontainer {
		width:76%;
		margin:2% 0 0 2%;
	}

	div#contentcontainer.iframe {
		width:100%;
		margin:0;
		display:block;
	}

h2.section{
	clear: none;
	margin: 0px;
	margin-right: 1%;
}

div.actions {
	float:left;
	width:14%;
}

.section {
	float:left;
	margin-bottom: 1%;
	margin-right:1%;
	position:relative;
}

	#contentcontainer.iframe .section {
		margin:0;
	}

	/* Make sure that the bottom margin of the last child element & the bottom margin of the section don't double up */
	.section>*:last-child, #contentcontainer .section ul ul:last-child, form ul ul, #contentcontainer.iframe ul.single {
		margin-bottom:0;
	}

	.section.full {
		width:100%;
	}

	.index.section {
		width:85%;
	}

	.section.half {
		width:49%;
	}

	.section.third {
		width:33.33%;
		padding-left: 0.5%;
		padding-right: 0.5%;
		margin-right: 0;
	}

	.section.threequarters {
		width:73%;
	}

	.section.quarter {
		width:25%;
		margin:0;
	}

	div.section.half:last-of-type {
		margin:0;
		width:50%;
	}

	div#contentcontainer div.section.auto, div#contentcontainer div.section.auto+div.section {
		display:table-cell;
		width:auto;
		float:none;
	}

	div#contentcontainer div.section.auto+div.section {
		padding-left:2% !important;
	}
	
	div.flash-message, #flashMessage {
		border: 1px solid #fff;
		font-size: 120%;
		margin-bottom: 1em;
		padding: 1em;
		display:block;
              border: 1px solid #CCC;
              text-align:center;
	}

       div.message-success {
              background: none repeat scroll 0 50% #E5F5E5;
              border: 1px solid #009900;
       }