/* SVN File $Id: elements.css 51 2010-10-17 07:03:09Z SerialGraphics $ */

/**
 * Rebuild the elements rendering
 */
body {
	font-size: 75%;
}
body, body * {
	font-family: verdana, arial, sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	color: #4C4C4C;
	font-weight: bold;
}
h1 {
	font-size: 2.57em;
	padding: .5em 0;
}
h2 {
	font-size: 2em;
	padding: .5em 0;
}
h3 {
	font-size: 1.43em;
	padding: .5em 0;
}
h4 {
	font-size: 1.2em;
	padding: .5em 0;
}
h5 {
	font-size: 1em;
	padding: .5em 0;
}
h6 {
	font-size: 1em;
}

p {
	margin: 0 0 1em 0;
}

a, a span {
	color: #E36903;
}

a:link, a:link span {
	
}
a:hover, a:hover span {
	color: #C32424;
}
a:visited, a:visited span {

}

ul, ol, dl {
	margin: 1em 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ol.lower-alpha {
	list-style: lower-alpha;
	font-weight: bold;	
}
ol.lower-alpha span {
	font-weight: normal;
}
li {
	margin-left: 3em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 1em;
}

p {
	margin-bottom: 1em;
}

/**
 * ClearFix
 */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*
 * Show hide
 */
.hidden {
	display: none;
}
.shown {
	display: block;
}


/**
 * Horizontal menu
 */
ul.menu-horizontal {
	list-style: none;
}
ul.menu-horizontal,
ul.menu-horizontal li {
	margin: 0;
	padding: 0;
}
ul.menu-horizontal li {
	float: left;
	padding-right: 20px;
}

/**
 * Vertical menu
 */
ul.menu-vertical {
	list-style: none;
}
ul.menu-vertical,
ul.menu-vertical li {
	margin: 0;
	padding: 0;
}
ul.menu-horizontal li {
	padding-bottom: 20px;
}


/**
 * Striped table
 */
.zebra {
	border-collapse: collapse;
	width: 100%;
}
.zebra td {
	padding: 3px 2px;
}
.zebra thead td {
	background-color: #E7E0D4;
	border-bottom: 2px solid #A69E8E;
	font-weight: bold;
}
.zebra tbody tr td,
.zebra div.odd, 
.zebra div.even {
	background-color: #F9F9F9;
	border-bottom: 1px solid #E4DDD0;
}
.zebra tbody tr.even td,
.zebra div.even {
	background-color: #fff;
}
.zebra thead td.actions {
	width: 80px;
}

/**
 * Data filter
 */
div.data-filter {
	background-color: #fff;
	border: 1px solid #E7E0D4;
	margin-bottom: 1em;
	padding: .5em;
}


/**
 * Pagination
 */
div.paginationControl {
	clear: both;
	margin: 2em 0;
}
div.paginationControl ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.paginationControl li {
	float: left;
	margin: 0;
	padding: 0 .5em;
}
div.paginationControl li.page-first {
	padding-left: 0;
}
div.paginationControl li.page-last {
	clear: right;
	padding-right: 0;
}
div.paginationControl a, div.paginationControl span {
	background-color: #E7E0D4;
	color: #4C4C4C;
	display: block;
	padding: .2em .5em;
	text-decoration: none;
}
div.paginationControl a:hover, 
div.paginationControl a:hover span {
	color: #E06500;
}
div.paginationControl li.page-disabled span {
	color: #666;
}
div.paginationControl li.page-current span {
	background-color: #FF8E20;
	color: #fff;
}

/**
 * Zend Form
 */
.zend_form dt,
.zend_form dd {
	margin: 0 0 1em 0;
	float: left;
}
.zend_form dt {
	clear: left;
	width: 170px;
}
.zend_form dt label.error {
	color: #ff2424;
}
.zend_form dd {
	width: 570px;
}
.zend_form input {
	width: 200px;
}
.zend_form input.input-radio,
.zend_form input.input-checkbox {
	width: auto;
}
.zend_form input.size-xs {
	width: 50px;
}
.zend_form input.size-s {
	width: 100px;
}
.zend_form input.size-l {
	width: 300px;
}
.zend_form input.size-xl {
	width: 400px;
}
.zend_form .checkbox-spacer {
	display: block;
}
.zend_form textarea {
	width: 400px;
	height: 50px;
	font-size: 1em;
	overflow: auto;
	resize: none;
}
.zend_form ul.errors {
	font-size: .92em;
	padding: 0;
	margin: 0;
	list-style: none;
}
.zend_form ul.errors li {
	color: #f00;
	padding: 0;
	margin: 0;
}
.zend_form #csrf-label,
.zend_form #csrf-element {
	display: none;
}
.zend_form fieldset {
	padding: .5em 0 1em 0;
}
.zend_form legend {
	border-bottom: 1px solid #4C4C4C;
	color: #4C4C4C;
	font-size: 1.2em;
	font-weight: bold;
	width: 100%;
}
.zend_form #fieldset-buttons, 
.zend_form #fieldset-buttons dl {
	margin: 0;
	padding: 0;
}
.zend_form #fieldset-buttons dt {
	display: none;
}
.zend_form #fieldset-buttons dd {
	float: left;
	padding-right: 1em;
	width: auto;
}
.zend_form #fieldset-buttons dd input {
	cursor: pointer;
}
.zend_form #fieldset-buttons #reset {
	background: none;
	border: none;
	color: #E36903;
	text-decoration: underline;
	width: auto;
}
.zend_form #id-label,
.zend_form #id-element {
	display: none;
}


/**
 * Detail pages
 */
div.box-detail {
	background-color: #fff;
	border: 1px solid #E7E0D4;
	margin-bottom: 1em;
	padding: .5em;
}
div.box-detail dl {
	margin: 0;
	padding: 0;
}
div.box-detail dt,
div.box-detail dd {
	margin: 0 0 1em 0;
	float: left;
}
div.box-detail dt {
	clear: left;
	width: 170px;
}
div.box-detail dd {
	width: 550px;
}
div.box-detail h3 {
	padding: 0 0 .5em 0;
}
div.box-detail-actions {
	float: right;
	margin-top: 1em;
}

/**
 * Messages
 */
div.flash-messenger {
	background-color: #fff;
	border: 2px solid #A69E8E;
	margin-bottom: 2em;
}
div.flash-messenger-error {
	background-color:#FFD6D6;
	border-color:#FDA9A9;
}
div.flash-messenger-inner {
	padding: 1em;
}
div.flash-messenger-close {
	float: right;
}
div.flash-messenger-close a {
	text-decoration: underline;
	cursor: pointer;
}

div.message-ok, div.message-error {
	border: 1px solid #000;
	font-weight: bold;
	padding: 1em;
	margin-bottom: 1em;
}
div.message-ok p, div.message-error p,
div.message-ok p, div.message-error dl {
	margin: 0;
	padding: 0;
}
div.message-ok p, div.message-error dl {
	margin-top: 1em;
}
div.message-ok p, div.message-error dd {
	font-weight: normal;
	margin: 0;
	padding: 0 0 .5em 0;
}
div.message-ok p, div.message-error ul, 
div.message-ok p, div.message-error li {
	margin: 0;
	padding: 0;
}
div.message-ok p, div.message-error li {
	margin-left: 2em;
}
div.message-ok {
	background-color: #C5FFC2;
	border-color: #94CE18;
}
div.message-error {
	background-color: #ffd6d6;
	border-color: #ff2424;
}

/**
 * Icons
 */
a.icon-add, a.icon-edit, 
a.icon-delete, a.icon-details,
a.icon-print,
a.icon-mime-excel {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 20px;
}
#content a.icon-add, #content a.icon-edit,
#content a.icon-delete, #content a.icon-details,
#content a.icon-print, #content a.icon-bigbutton,
#content a.icon-mime-excel,
a.icon-add span, a.icon-edit span, 
a.icon-delete span, a.icon-details span,
a.icon-print span
a.icon-bigbutton, a.icon-bigbutton span,
a.icon-bigbutton span,
a.icon-mime-excel span {
	color: #E36903;
	font-weight: bold;
	text-decoration: none;
}
a.icon-button {
	height: 16px;
	width: 16px;
	display: block;
	float: left;
	margin-right: 5px;
	padding: 0;
}
a.icon-button span {
	display: none;
}
a.icon-bigbutton {
	background-color: #E7E0D4;
	background-position: .2em center;
	background-repeat: no-repeat;
	border: 1px solid #A69E8E;
	display: block;
	float: left;
	margin-right: 5px;
	padding: .2em .4em .2em 2em;
	vertical-align: middle;
}

a.icon-add {
	background-image: url('../img/icons/oxygen/16x16/actions/list-add.png');
	
}
a.icon-edit {
	background-image: url('../img/icons/oxygen/16x16/actions/document-edit.png');
}
a.icon-delete {
	background-image: url('../img/icons/oxygen/16x16/actions/edit-delete.png');
}
a.icon-details {
	background-image: url('../img/icons/oxygen/16x16/mimetypes/x-office-contact.png');
}
a.icon-print {
	background-image: url('../img/icons/oxygen/16x16/actions/printer.png');
}
a.icon-next {
	background-image: url('../img/icons/oxygen/16x16/actions/go-next.png');
}

a.icon-mime-excel {
	background-image: url('../img/icons/oxygen/16x16/mimetypes/application-vnd.ms-excel.png');
}

.text-resource {
	font-size: .9em;
	font-style: italic;
}