/* @override 
	http://www.pse-belgium.loc/css/screen.css
	http://www.pse-belgium.com.loc/css/screen.css
*/

body {
	background: #ddd url(/css/images/back.jpg) repeat-x;
	text-align: center;
	color: #333;
	font: 11px/1.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

p {
	padding-bottom: 1em;
}

#wrap {
	width: 900px;
	margin: 0 auto;
}

.nowrap {
	white-space: nowrap;
}

/* @group Header */

#header {
	height: 200px;
	float: left;
	width: 100%;
}

#header h1 {
	width: 360px;
	height: 80px;
	float: left;
	background: transparent url(/css/images/logo_pse.png);
	top: 90px;
	position: relative;
	padding: 0;
	margin-left: 25px;

}

#header h1 span {
	display: none;
}

/* @end */

/* @group Navigation */

#navigation {
	float: left;
	font-size: 110%;
	padding: 1.6em 0 2.5em 0;
	width: 100%;
	text-align: right;
}

#navigation ul {
	padding: 0 25px 0 0;
	display: inline;
}

#navigation ul.language {
	margin-left: 10px;
	float: left;
}

#navigation ul,
#navigation ul li {
	list-style: none;
}

#navigation ul li {
	margin-left: .5em;
	padding: .25em 0 .25em .5em;
	border-left: 1px solid #aaa;
	display: inline;
}

#navigation ul li.first-child,
#navigation ul li:first-child {
	border-left: none;
}

#navigation a {
	text-decoration: none;
	color: #a1122a;
}

#navigation a:hover {
	color: #721726;
}

#navigation li.selected a {
	color: #222;
}

#navigation span.username {
	font-size: 95%;
}

/* @end */

/* @group Body */

#body {
	clear: both;
}

h1 {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 240%;
	color: #a1122a;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: -0.025em;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0.3em;
}

h2 {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 145%;
	color: #222;
	font-weight: normal;
	line-height: 1em;
	padding: 0;
	margin: 0;
	padding-bottom: 0.5em;
	padding-top: .8em;
}

h3 {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 125%;
	color: #666;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: -0.025em;
	padding: 0;
	margin: 0;
	padding-top: .6em;
}

h4 {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 118%;
	font-weight: normal;
	line-height: 1em;
	padding: 0;
	margin: 0;
	padding-top: .6em;
}
	

#content {
	float: right;
	width: 540px;
}

#alt_content {
	float: left;
	width: 270px;
}

#home #content {
	float: right;
	width: 300px;
}

#home #alt_content {
	float: left;
	width: 520px;
}

#home ol {
	list-style-type: decimal;
	list-style-position: outside;
}

.intro {
	font-size: 110%;
}

/* @group form */

form {
	clear: both;
}

form label {
	color: #333;
	float: left;
	width: 100%;
	padding: 0.7em 0 0.4em 0;
}

form label:after,
.label:after {
	content: ": ";
}

form input[type=checkbox] + label:after{
	content: "";
}

.inline{
	float: none;
	display: inline;
	margin-right: 1em;
}


form input + label {
	float: none;
	padding-left: .5em;
}

.label {
	float: left;
	text-align: right;
	width: 160px;
	padding-right: .8em;
	color: #333;
}

.value {
	font-size: 110%;
}

ol.details {
	line-height: 2.2em;
	float: left;
	width: 100%;
	padding-bottom: 1em;
}

form div.input.text.required label {
	font-weight: bolder;
}

form select {
	font-size: 110%;
}

form input[type=text],
form input[type=password] {
	width: 300px;
	font-size: 110%;
}


form div.submit {
	display: inline;
	font-size: 110%;
	padding: 2px 0;
	width: auto;
}

form div.submit {
	display: inline;
}

form input[type=submit] {
	margin: 2em 1em 0 0;	
}

td input[type=submit] {
	margin: 0;	
}

input[type=checkbox] {
	margin: 2em 0 0 0;
}

form div.error-message {
	color: #a1122a;
}

div#authMessage.message,
div#flashMessage.message {
	float: left;
	padding: 1.2em 1em;
	width: 97%;
	color: #a1122a;
	border: 1px solid #a1122a;
	margin-bottom: 1.8em;
	margin-top: .5em;
	background: #eee;
}

form a.button {
	line-height: 2.2em;
}

/* @end */

/* @group Table */
table {
	width: 100%;
}

table th, td {
	padding: 0.5em 0.75em;
}

table tr {
	border-bottom: 1px solid #ddd;
}

table th {
	background: #c9c9c9;
	font-weight: normal;
}

table th a {
	text-decoration: none;
	font-weight: bold;
	color: inherit;
}

table td {
	background: #fff;
	vertical-align: top;
}

td .button {
	line-height: 1.4em;
	margin-right: inherit;
	color: #a1122a;
}

.content table tr {
	border-bottom: 1px solid #fff;
}

.content table th {
	background: #d6d6d6;
}

.content table td {
	background: #e6e6e6;
	vertical-align: top;
}

#adminbox table tr {
	border-bottom: 1px solid #ddd;
}

#adminbox table th {
	background: #d6d6d6;
}

#adminbox table td {
	background: #fff;
	vertical-align: top;
}

p.pages a {
	color: #a1122a;
	text-decoration: none;
}

p.pages span.nextlink,
p.pages a.nextlink {
	padding-left: 1em;
}

p.pages span.prevlink,
p.pages a.prevlink {
	margin-right: 1em;
}

p.pages .prevlink:before {
	content: "\2190\0020";
}

p.pages .nextlink:after {
	content: "\0020\2192";
}

p.pages span.disabled {
	color: #555;
}


/* @end */

#body {
	text-align: left;
	padding: 0 2em;
}

.button {
	line-height: 3em;
	margin-right: .3em;
	color: #a1122a;
}


/* @end */

/* @group Footer */

#footer {
	color: #999;
	text-align: center;
	padding: 4em 0;
	clear: both;
}

#footer a {
	color: #999;
	text-decoration: underline;
}

#footer a:hover {
	color: #555;
}

/* @end */

/* @group Debugging */
div#cakeControllerDump {
	background: #ddd;
	width: 100%;
	padding: 1em;
	text-align: left;
	border-top: 1px solid #aaa;
}

/* @end */

/* @group Events */

#event_overview,
#event_overview tr,
#event_overview td {
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
}

#events {
	float: left;
	width: 300px;
}

#event_overview a {
	padding: 0.7em 1.25em;
	float: left;
	width: 248px;
	color: #333;
	text-decoration: none;
	border-bottom: 4px solid #ddd;
	background: #fff;
}

#event_overview a:hover {
	width: 260px;
	background: #ccc url(/css/images/arrow.png) no-repeat right center;
	color: #333;
}

#event_overview tr.selected a {
	width: 260px;
	background: #a1122a url(/css/images/arrow.png) no-repeat right center;
	color: #eee;
}

#event_overview th,
#event_overview .tbl_online {
	display: none;
}

#event_overview tr td {
	
}

#event_overview tr.offline a {
	color: #777;
	background: #f0f0f0;
}

#event_overview tr.offline a:hover {
	background: #ccc url(/css/images/arrow.png) no-repeat right center;
}


#event_overview tr.offline.selected a {
	background: #ffcfd1 url(/css/images/arrow.png) no-repeat right center;
	color: #666;
}

#subnav {
	border-bottom: 3px solid #a1122a;
	float: right;
	width: 540px;
	margin-bottom: 2px;
}

#subnav ul,
#subnav ul li {
	list-style: none;
	float: left;
}

#subnav a {
	float: left;
	padding: .5em 1.2em;
	text-decoration: none;
	background: #fff;
	margin-right: 5px;
	color: #555;
}

#subnav a:hover {
	background: #ccc;
	color: #333;
}

#subnav li.selected a {
	background: #a1122a;
	color: #eee;
}


#adminbox {
	padding-bottom: .45em;
	float: right;
	width: 540px;
	clear: right;
}

#adminbox a.button {
	line-height: 1.8em;
}

#adminbox h1 {
	font-size: 160%;
	padding-bottom: 0.75em;
}

#event {
	float: right;
	width: 540px;
	clear: right;
}

.content  {
	background: #fff;
	padding: 1.5em 1em;
}

#adminbox .content {
	background: #f0f0f0;
}

.content + .content
{
	padding-top: 0;
}

.edit_content {

}

.add_event_box .text input,
.edit_event_box .text input {
	width: 99%;
	float: left;
}

.add_event_box .textarea textarea,
.edit_event_box .textarea textarea {
	width: 99%;
	height: 200px;
}

/* @end */

/* @group Files */

#files {
	float: right;
	width: 540px;
	clear: right;
}

#files th {
	display: none;
}

#files .label {
	text-align: left;
	color: #999;
}

#files .label:after {
	content: "";
}

#files tr {
	border-bottom: 4px solid #ddd;
}

#files tr td {
	vertical-align: top;
}

#files .td_info p,
#files .td_options p {
	line-height: 1.25em;
	padding-bottom: 0.5em;
}

#files .td_thumb {
	background: #ccc;
	width: 160px;
	padding: 0;
}

.thumb {
	border: 1px solid #ccc;
	padding: .8em;
	background: #fff;
}

.lthumb.small {
	width: 60px;
	background: none;
	padding: 0;
	margin: 0;
}


#files .td_thumb.small {
	background: none;
	width: 60px;
	padding: 0;
	margin: 0;
}

#files .caption {
	font-size: 1.2em;
}

#files .td_info,
#files .td_options {
	padding: 1em;
}

#files .td_options {
	width: 120px;
}

#files .td_info .buttons {
	margin-top: 1em;
}

#files .td_info a.button {
	line-height: 1.4em;
	text-decoration: none;
}

#files .td_info a.button.download:after {
	content: "\2192";
}

.access_control {
	margin-bottom: 2em;
}

.access_control .name {
	width: 230px;
}

.access_control .access {
	width: 100px;
}


.hide {
	display: none;
}
/* @end */

/* @group Homepage */



#spotlight {
	position: relative;
	height: 300px;
}

#spotlight .sp_title {
	background: transparent url(/css/images/spotlight_back.png);
	position: absolute;
	width: 520px;
	bottom: 0;
}

#spotlight .sp_title h1 {
	color: #fff;
	font-weight: normal;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: -0.04em;
	padding: .5em 1em;
}

div.sp_image {
	height: 300px;
	overflow: hidden;
}

/* @end */

/* @group Usermanagement */

#um_subnav {
	border-bottom: 3px solid #a1122a;
	float: right;
	width: 100%;
	margin-bottom: 2px;
}

#um_subnav ul,
#um_subnav ul li {
	list-style: none;
	float: left;
}

#um_subnav ul {
	width: 100%;
}

#um_subnav ul li.add {
	list-style: none;
	float: right;
}

#um_subnav a {
	float: left;
	padding: .5em 1.2em;
	text-decoration: none;
	background: #fff;
	margin-right: 5px;
	color: #555;
}

#um_subnav a:hover {
	background: #ccc;
	color: #333;
}

#um_subnav li.add a {
	float: left;
	padding: .5em 1.2em;
	text-decoration: none;
	background: none;
	margin-right: 5px;
	color: #a1122a;
	font-weight: bold;
}

#um_subnav li.add a:hover {
	color: #333;
}

#um_subnav li.add a:before {
	content: "+\0020";
}

#um_subnav li.selected a {
	background: #a1122a;
	color: #eee;
}

#um {
	clear: both;
}

#um > h1{
	padding-top: 1em;
}


ol#usergroups,
ol#usergroups li {
	list-style-type: disc;
	list-style-position: inside;
}

#usergroups li {
	padding-top: 0.25em;
}

ol#usergroups ol {
	padding-left: 2em;
}

ol#usergroups {
	padding-left: 0;
}
/* @end */