@CHARSET "ISO-8859-1";

body, html, *, input, textarea {
	font-family: "Lucida Grande", Lucida Sans Unicode, Arial, sans-serif;
	font-size:12px;
	color:#555;	
}

#container {
	padding:50px 16px 16px 16px;

}

#content {
	padding-left:200px;
}

#header {
	font-size:16px;
	padding:10px 0 20px 200px;
}


table {
	width:100%;
	border:1px solid #999;
	box-shadow:0 1px 3px rgba(0,0,0,.3);
}

table td, table th {
	padding:10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	line-height: 1.3em;
}

table thead th {
	border-bottom:1px solid #999;	
	background:#ccc;
}

table tbody tr:nth-child(even) {
	background: #f5f5f5;
}

table tbody tr:hover td {
	background: #ebebeb;
	color: #000;
	word-break: normal;
	text-overflow: ellipsis;
	
}

td.actions {
	text-align:center;
	white-space: nowrap;
	width:1px;
}

td.actions a {
    padding: 5px 12px;
    color: #fff;
    background: #338b4c;
    border: 1px solid #1c6631;
    cursor:pointer;
    text-decoration: none;
}

td.actions a:hover {
    background-color: #3a9b56;
}

#actions {
	float:left;
}

#view {
	float:right;
	width:100%;
	margin:0 auto 0 auto;
}

/* Paginator */

.paging {
	padding: 10px 0;
	text-align:center;
}

.paging-button {
	display:inline-block;
	width:26px;
	height:26px;
	background-position: center;
	background-color: #b6b6b6;
	background-repeat:no-repeat;
	border: 1px solid #8e8e8e;
	margin: 0 10px;
}

.paging-button a {
	display:block;
	width:26px;
	height:26px;
}

.paging-button:hover {
	background-color: #c0c0c0;
}

.paging-button.disabled {
	background-color: #e6e6e6;
	border-color:#ccc;
}

.paging .prev {
	background-image:url(../img/arrow-paging-prev.png);
}

.paging .next {
	background-image:url(../img/arrow-paging-next.png);
}

.paging .num {
	display:inline-block;
	vertical-align: middle;
	height:28px;
	padding: 0 4px;
}

.paging .num a{
}

#flashMessage {
	padding:14px;
	margin-bottom:20px;
	border:1px solid #ccc;
	padding-left:43px;
}

#flashMessage.success {
	background: #f5f5f5 url(../img/notificon-success.png) 10px center no-repeat;
}


#flashMessage.error {
	background: #f5f5f5 url(../img/notificon-error.png) 10px center no-repeat;
}

.related {
	padding: 20px 0 0 0;
}

.related h3 {
	font-size: 14px;
	padding: 3px 0;
}

#content table {
    text-align: left;
}

#content table .actions {
    text-align: center;
}

.view table {
	background:none;
	border:none;
	box-shadow:none;
	width:auto;
}

.view {
	background-color: #f1f1f1;
	display:inline-block;
	border:1px solid #ccc;
}

.view table tr {
	background: none !important;
	border:none;
	padding: 3px 0;
}

.view table tr:hover {
	background: none !important;
}

.view table td:first-child {
	max-width:150px;
}

.view h2 {
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
}

#content > p {
	padding: 3px 0 10px 0;
}

table td.top {
	vertical-align: top;
}

table td.actions {
	vertical-align: middle;
}

dl {
	padding: 10px;
	max-width: 800px;
}

dl dt {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 3px;
}

dl dd {
	padding-bottom: 20px;
	padding-left: 5px;
}

dl dd:last-child {
	padding-bottom: 0;
}

table tr.high td {
	background: #ffd1d1;
}

table tr.high:hover td {
	background: #ffbaba;
}