/* 
	The CSS is implemented on the rules from http://centricle.com/ref/css/filters/ 
*/

/* overrrides blueprint screen.css */
.quiet {color: #7f7f7f;}
.quiet  a {color: #7f7f7f;}
hr {height: 1px;}
label {font-weight: normal;}
input.text, input.title, textarea, select {margin: 0;}
body {font-size: 12px\9; /* IE6,7,8 */} 
h1 {font-size: 140%; font-weight: bold; line-height: 1.5}
h3 {font-size: 135%; font-weight: bold;}
textarea {height: auto; padding: 0px;}

/* common style between elements */
.foremployer, .foremployer:hover , .foremployer:visited, 
	.foremployer  a, .foremployer a:hover , .foremployer a:visited  {color: #00AEED;}
.foremployee, .foremployee:hover, .foremployee:visited, 
	.foremployee a, .foremployee a:hover, .foremployee a:visited  {color: #99C21E;}
.forcvspace, .forcvspace:hover, .forcvspace:visited, 
	.forcvspace a, .forcvspace a:hover, .forcvspace a:visited, .input a, h1 {color: #F3931A;}
.normaltext, .normaltext:hover , .normaltext:visited,
	.normaltext  a, .normaltext a:hover , .normaltext a:visited  {color: #000000;}
.right {text-align: right;}
.center{text-align: center;}
.hidden {display: none;}
.justify {text-align:justify;}
.padded {margin: 20px;}

/* form */
div.form, div.view {
	background: url('/img/form_bg.png') repeat-y left;
}
form, div.viewForm {
	background: url('/img/form_top.png') no-repeat top left;
	padding-top: 50px;
}
div.submit {
	clear: both;
	margin: 10px 0 0 200px;
	background: url();
}
fieldset {
	border: 0;
	margin: 10px 0 0 0;
	padding: 0;
}
html:first-child fieldset { /* Opera only */
	width: 630px;
}
fieldset legend span {
	display: block;
	width: 190px;
	text-align: right;
	color: #FFA133;
	font-size: 14px;
	font-weight: bold;
}
fieldset legend span { /* IE6,7,8 only */
	padding-top: 16px\9;
	width: 180px\9;
}
form fieldset  fieldset {
	margin-top: 20px;
}
.input, .display {
	padding-top: 10px;
	display: block;
	float: left;
	clear: both;
	width: 630px;
}
.between {
	float: left;
}
.display input {
	display: none\9; /* IE6,7,8 */
}
.text label, .password label, .textarea label, .date label, .select label, .file label  {
	float: left;
	clear: left;
	display: block;
	text-align: right;
	padding-right: 20px;
	width:190px;
	color: #7f7f7f;
}
.input img {
	padding-top: 10px;
	padding-left: 210px;
	float: left;
}
.text input, .password input, .textarea textarea, .file input, .display span, .modalSelected {
	float: left;
	clear: right;
	display: block;
	width:310px;
}
.smalltext {
	width:60px !important;
}
.checkbox input {
	margin-left: 210px;
}
.checkbox label{
	color: #7f7f7f;
	padding-left: 3px;
	width: 360px;
}
.select select {
	max-width: 410px; /* FF, Opera */
	width: 410px\9; /* IE6,7,8 */
}
.select select option {
	white-space: pre;
}
.select .checkbox {
	clear: both;
}
.select .checkbox label {
	clear: none;
	float: left;
	text-align: left;
	color: black;
}
.select .checkbox input{
	float: left;
}

/* Notices and Errors */
div.message { /* controller message */
	clear: both;
	color: #900;
	border: 1px solid #900;
	font-size: 14px;
	margin: 20px 20px 20px 40px;
	background: url('/img/message_icon_error.png') no-repeat top left;
	padding: 3px 0 3px 26px;
	line-height: 20px;
	width: 410px;
}
div.error-message, div.warning-message, div.info-message  { /* form input message */
	clear: both;
	font-weight: normal;
	padding: 5px 4px 5px 26px;
	margin: 10px 0 0 210px; 
	width: 283px;
}
.input > div.error-message, .input > div.warning-message, .input > div.info-message  {/* not in IE */
	float: left;
}
div.error-message { /* message icon and color */
	border: 1px solid #900;
	color: #900;
	background: url('/img/message_icon_error.png') no-repeat top left;
}
div.warning-message { /* message icon and color */
	color: #FFA133;
	border: 1px solid #FFA133;
	background: url('/img/message_icon_warning.png') no-repeat top left;
}
div.info-message { /* message icon and color */
	border: 1px solid #F7941D;
	color: #F7941D;
	background: url('/img/message_icon_info.png') no-repeat top left;
}

/* core error and debug messages */
p.error , p.suppressed_error { 
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}


/* grid and lists */
.index  {
	width: 630px; /* FF, Opera */
	float: left;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}

.index table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
	color: #333;
	margin-bottom: 10px;
}
.index table th {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 0;
	text-align: center;
}
.index table th a {
	color: #333;
}
.index table tr td {
	border-right: 1px solid #ccc;
	border-top: 1px dashed #ccc;	
	padding: 4px;
	vertical-align: top;
}

/*  Actions  */
div.actions {
	clear: both;
	margin-left: 210px;
	padding-top: 20px;
}
div.modal_actions {
	clear: both;
	padding-top: 10px;
	text-align: center;
}
div.actions ul,  div.modal_actions ul{
	margin: 0;
	padding: 0;
}
div.actions li , div.modal_actions li {
	list-style-type: none;
	white-space: nowrap;
}
div.actions li {display: block;}
div.modal_actions li {display: inline;}

/* Footnote */
.footnote {
	clear: both;
	padding: 15px 20px;
}
.footnote hr{
	width: 300px; 
}

/* debug output */
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background-color: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.cake-sql-log table, .cake-exception-log table {
	background: #f4f4f4;
}
.cake-sql-log td, .cake-exception-log td, .cake-exception-log th {
	padding: 4px 8px;
	text-align: left;
}
.cake-exception-log th,  .cake-exception-log td {
	border-top: 1px dashed #ccc;	
}
.cake-exception-log th {
	vertical-align: top;
}