.error-message {
  color: red;
  border-top: 1px #eeb2b2 solid;
  border-bottom: 1px #eeb2b2 solid;    
  padding: 3px 5px 3px 50px;
  background: #ffd9d9 url("img/error.gif") no-repeat center left;
}

.inf-message {
  color: green;
  border-top: 1px #F1FEE2 solid;
  border-bottom: 1px #F1FEE2 solid;    
  padding: 3px 5px 3px 50px;
  background: #F1FEE2 url("img/inf.gif") no-repeat center left;
}

/* BUTTONS */
.buttons {
  text-align: center;
  width: 100%;
  padding-top: 10px;
}

.buttons a, .buttons button {
  display:block;
  float:left;
  margin:0 7px 0 0;
  background-color:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}

*:first-child+html button[type]{
  padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}

.buttons a:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
  color:#529214;
}

.buttons a.positive:hover, button.positive:hover{
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}

.buttons a.positive:active{
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* FIELDS */
.box{
  padding:6px;
  margin-bottom: 10px;
  background-color:#f8f7ee;
  color:#505050;
  line-height:1.5em;
  border: 1px solid #e4e4e4;
}

form.application {
  display: inline;
}

form.application input, form.interview select, form.interview textarea {
  vertical-align: middle; 
  margin-top: 1px; 
  margin-bottom: 1px;
}

input.huge { 
  font-size: 150%; 
  width: 170px;
}

form.application fieldset {
  border: 1px solid #e4e4e4; 
  margin:0;
}

form.application legend {
  color: #484848;
}

form.application label {
  font-weight: bold;
  float: left;
  text-align: right;
  margin-left: -180px;
  width: 175px;
}

form.application p {
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 180px;
  height: 1%;
  clear: left;
}

form.application p.question{
	float: none;
}
form.application textarea.additional{
	text-indent: 150px;
}

form.application div.section {
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 180px;
  height: 1%;
  clear: both;
}

form.application div.inLineField {
  padding-right: 10px;
  float: left;	
}

span.required {
  color: #bb0000;
}

form.application small {
  margin-left: 10px;
}

form.application div.section small {
  margin-left: 0px;
}

form.application small.error {
  color: red;
}

small.fieldError {
  color: red;
}

/***** Tabular forms ******/
.interview p{
margin: 0;
padding: 5px 0 8px 0;
padding-left: 180px; /*width of left column containing the label elements*/
height: 1%;
clear:left;
}

html>body .interview p {overflow:hidden;}

.interview label{
font-weight: bold;
float: left;
text-align: right;
margin-left: -80px; /*width of left column*/
width: 300px; /*width of labels. Should be smaller than left column to create some right 
margin*/
}

label.classic{
font-weight: normal;
float: none;
text-align: left;
margin-left: 0px;
width: auto;
}

.interview label.floating{
font-weight: normal;
margin-left: 0px;
text-align: left;
width: 270px;
}
.interview label.additional{
	font-weight: 100;
	font-style: italic ;
}

input#time_entry_comments { width: 90%;}
input#news_title, 
input#news_titleEn,
input#law_name,
input#law_prefix,
input#press_title,
input#press_titleEn,
input#events_title,
input#events_titleEn,
input#iac_title {font-size: 200%; width: 90%;}

#preview fieldset {margin-top: 1em; background: url(img/admin/draft.png)}

.interview.settings p{ padding-left: 300px; }
.interview.settings label{ margin-left: -300px; width: 295px; }

.required {color: #bb0000;}
.summary {font-style: italic;}

#attachments_fields input[type=text] {margin-left: 8px; }

div.attachments { margin-top: 12px; }
div.attachments p { margin:4px 0 2px 0; }
div.attachments img { vertical-align: middle; }
div.attachments span.author { font-size: 0.9em; color: #888; }

p.other-formats { text-align: right; font-size:0.9em; color: #666; }
.other-formats span + span:before { content: "| "; }

a.feed { background: url(img/admin/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }