* {
	padding : 0px;
	margin : 0px;
}
body {
	font-family : sans-serif;
	background-color : #eeeeee;
}
div.header {
	position : relative;
	top : 0px;
	text-align : center;
	background-color : white;
	background-image : url('/img/logo.png');
	background-repeat : no-repeat;
	background-position : 10px center;
	height : 100px;
	border-bottom : 1px solid black;
}
div.header h1 {
	letter-spacing : 20px;
	font-size : 2em;
	padding-top : 36px;
}
div.header h1 a {
	color : black;
	display : block;

	text-decoration : none;
}
div.header p.login {
	position : absolute;
	right : 5px;
	top : 2px;
	text-align : right;
}
div.content {
	padding : 1em;
}
h2, h3, h4, p, ol, ul {
	margin-bottom : 1em;
}
h2, h3, h4 {
	border-bottom : 1px solid black;
}

ol, ul {
	margin-left : 2em;
}

dl {
	margin-bottom : 1em;
}
ol.questions li {
	list-style-type : none;
}
dt {
	margin-top : 1em;
	font-weight : bold;
}
dd {
	margin-left : 2em;
}

form {
	width : 75%;
	max-width : 990px;
	position : relative;
}

div.buttonHolder {
	padding : 7px;
}
div.buttonHolder input {
	padding : 0.5em;
	margin-left  : 7px;
	border : 1px solid black;
	cursor : pointer;
}
div.buttonHolder input:hover {
	background-color : red;
	color : white;
}
label {
	display : block;
}

a img {
	border : 0px none;
}

div.assessment form {
	margin : 0px auto;
	width : auto;
	position : relative;
	padding-top : 2.1em;
}
div.assessment ol {
	margin-left : 0px;
}
div.assessment div.buttonHolder.next {
	position : absolute;
	top : 0px;
	border-bottom : 0px;
	right : 0px;
}
div.assessment ul li {
	margin : 0.5em 0px;
}

div.message {
	position : absolute;
	top : 0px;
	width : 500px;
	margin : 0px -250px;
	left : 50%;
	background : #dddddd;
	border : 2px solid #aaaaaa;
	padding : 1em;
}

div.controls {
	float : right;
	background : #eeeeee;
	border : 2px solid #cccccc;
	width : 20%;
	padding : 0.5em;
	font-size : 0.9em;
}
div.controls ul {
	margin : 0px;
	border-top : 1px solid #cccccc;
}
div.controls ul li {
	border-bottom : 1px solid #cccccc;
	list-style-type : none;
}
div.controls a {
	display : block;
	color : #444444;
	text-decoration : none;
	padding : 0.2em;
	padding-left : 18px;
}
div.controls a:hover {
	background-color : #cccccc;
}

div.controls ul img {
	vertical-align : middle;
	margin-right : 0.2em;
}


*.control {
	padding-left : 18px;
	background-position : center left;
	background-repeat : no-repeat;
	cursor : pointer;
}
*.control.back { background-image : url('/img/icons/reverse_green.png'); }
*.control.delete { background-image : url('/img/icons/delete.png'); }
*.control.logic { background-image : url('/img/icons/arrow_divide.png'); }
*.control.sort { background-image : url('/img/icons/arrow_ns.png'); }
*.control.table { background-image : url('/img/icons/application_view_columns.png'); }
*.control.take { background-image : url('/img/icons/table_edit.png'); }
*.control.expanded { background-image : url('/img/icons/section_expanded.png'); }
*.control.collapsed { background-image : url('/img/icons/section_collapsed.png'); }

*.control.collapsed {
	color : #aaaaaa;
}


/* Tables */
table {
	background: #fff;
	border:1px solid #ccc;
	border-collapse : collapse;
	border-right:0;
	clear: both;
	color: #333;
	width: 100%;
}
table th, table td {
	padding: 4px;
}
table th {
	background: #cccccc;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #aaa;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	vertical-align: top;
}
table tr.altrow td {
	background-color : #f4f4f4;
}
table tr:hover td {
	background-color : #f0f0f0;
}
table tr.new td {
	background: #cccccc;
	border : 1px solid #bbb;
	border-right : 1px solid #fff;
	border-bottom : 1px solid #fff;
	text-align : center;
}
table tr.new td a {
	display : block;
}
.uniForm table tr td label {
	margin-bottom : 0px;
}
table.fieldMatrix td {
	text-align : center;
}
table.fieldMatrix input.text {
	width : 95%;
}
table.fieldMatrix tr.error td {
	border : solid #DF7D7D;
	border-width : 1px 0px;
	background-color : #FFDFDF;
}
table.fieldMatrix tr td {
	padding : 2px 0px;
	border : none;
}
table.fieldMatrix td.control {
	cursor : pointer;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}

table td.title a {
	display : block;
}
table td.number {
	text-align : right;
}
table td.control, table th.control {
	padding : 10px;
	background-position : center center;
}
/* Application styles */
span.positive {
	color : green;
}
span.negative {
	color : red;
}

.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}