/* Admin panel styles */
#news_filter {
  margin-bottom: 0;
}
#news_category_selectors {
  display: inline;
}
#news_notes_collapse {
  padding-bottom: .7em;
}

/* News forms */
#news_user_modifyform div.z-formbuttons {
  margin-left: 15%;
}
.news_preview {
  background: url(../pnimages/bg_preview.png) #fafafa;
  margin: 1em 0;
  padding: 7px;
}

/* articles styles */
.news_categorylist li {
  margin-bottom: 0.3em;
}

div.news_index {
  overflow: hidden;
  padding: 0;
}

#news_articlecontent {
  overflow: hidden;
  padding: 0.5em 0;
}

.news_title {
  margin: 0.1em 0;
}
.news_index .news_title {
  margin: 0;
  padding: 2px 0;
}

.news_meta {
  font-size: 0.9em;
}

#news_topic img {
  float: right;
}

.news_body {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.news_body .news_hometext {
}

.news_separator {
  border-bottom: 1px solid #DDD;
  margin: 1em 0;
}

.news_footer {
  font-size: 0.9em;
  margin: 0;
  text-align: right;
}

.news_printlink img {
  vertical-align: middle;
}

.text_separator {
  color: #bbb;
  padding: 0 2px;
}

/* ajax links styles */
#news_editlinks {
  float: right;
}

#news_editlinks_ajax {
  float: right;
}

.hidelink {
  display: none;
}

.showlink {
  display: inline;
}


/* Button styles */
/* Inspiration from http://particletree.com/features/rediscovering-the-button-element/
   and http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */
#news_buttons a, #news_buttons button {
  display:inline-block;
  margin:0 2px 5px;
  background:#f2f2f2 url(../pnimages/overlay-button.png) repeat-x;
  font-size:100%;
  line-height:1;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding: 5px 10px 6px 7px; /* Links */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  text-shadow: 1px 1px 1px rgba(100,100,100,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
}

#news_buttons button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}

#news_buttons button[type] {
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}

*:first-child+html #news_buttons button[type] {
  padding:4px 10px 3px 7px; /* IE7 */
}

#news_buttons button img, #news_buttons a img {
  margin:0 3px 0 0;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

/* Standard button */
#news_buttons button:hover, #news_buttons a:hover {
  background-color:#dff4ff;
  border-color:#c2e1ef;
  color:#336699;
}

#news_buttons a:active {
  background-color:#6299c5;
  border-color:#6299c5;
  color:#fff;
}

/* Positive green button */
#news_buttons button.positive, #news_buttons a.positive {
  color:#529214;
}

#news_buttons a.positive:hover, #news_buttons button.positive:hover {
  background-color:#E6EFC2;
  border-color:#C6D880;
  color:#529214;
}

#news_buttons a.positive:active {
  background-color:#529214;
  border-color:#529214;
  color:#fff;
}

/* Negative red button */
#news_buttons a.negative, #news_buttons button.negative {
  color:#d12f19;
}

#news_buttons a.negative:hover, #news_buttons button.negative:hover {
  background:#fbe3e4;
  border-color:#fbc2c4;
  color:#d12f19;
}

#news_buttons a.negative:active {
  background-color:#d12f19;
  border-color:#d12f19;
  color:#fff;
}


/* itemlist styles, in zk 121 Core */
.itemlist {
	border: 1px solid #ccc;
	list-style: none;
	margin: 0;
	padding: 0;
}

.itemlist li {
	font-size: 1em;
	margin: 0 !important;
	padding: 0.3em 0 0.3em 1em;
}

.itemlist li input {
	width: 90%;
}

.itemlist li  * {
    margin: 0 !important;
	vertical-align: middle;
}

.itemlist .itemlistcell {
	float: left;
    margin: 0;
	text-align: left;
}

.itemlist .width88 {
	width: 88%;
}
.itemlist .width80 {
	width: 40%;
}
.itemlist .width66 {
	width: 66%;
}
.itemlist .width60 {
	width: 40%;
}
.itemlist .width44 {
	width: 44%;
}
.itemlist .width40 {
	width: 40%;
}
.itemlist .width22 {
	width: 22%;
}
.itemlist .width20 {
	width: 20%;
}
.itemlist .width15 {
	width: 15%;
}
.itemlist .width10 {
	width: 10%;
}
.itemlist .width7 {
	width: 7%;
}
.itemlist .width6 {
	width: 6%;
}
.itemlist .width5 {
	width: 5%;
}
.itemlist .width4 {
	width: 4%;
}

.itemlist .width10,
.itemlist .width15,
.itemlist .width20,
.itemlist .width22,
.itemlist .width40,
.itemlist .width44,
.itemlist .width60,
.itemlist .width66,
.itemlist .width80,
.itemlist .width88 {
	text-align: left;
}
.itemlist .width5,
.itemlist .width6,
.itemlist .width7 {
	white-space: nowrap;
}
.itemlist .width5 input,
.itemlist .width6 input,
.itemlist .width7 input {
	width: auto;
}
.itemlist .width4,
.itemlist .width5 {
	text-align: center;
}

.itemlist button {
	cursor: pointer;
}

.itemlist .buttondelete {
	/* don't remove this */
}

.itemlist_newitemdiv {
	margin: 1em 0 1em 1em;
}