/* Compressed version of the whole Atatonic CSS Framework.
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>

Copyright 2009 Tim Benniks

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1;font:12px/18px "Lucida Grande", Arial, sans-serif;color:#111}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}hr{height:0;border:0;border-top:1px solid #e0e0e0;width:100%;margin:0 0 17px;padding:0}header,footer,section,aside,nav,article{display:block!important}.zp-wrapper{width:970px;margin:0 auto}.zp-5,.zp-10,.zp-15,.zp-20,.zp-25,.zp-30,.zp-33,.zp-35,.zp-40,.zp-45,.zp-50,.zp-55,.zp-60,.zp-65,.zp-67,.zp-70,.zp-75,.zp-80,.zp-85,.zp-90,.zp-95,.zp-100{float:left;display:inline}.zp-5{width:5%}.zp-10{width:10%}.zp-15{width:15%}.zp-20{width:20%}.zp-25{width:25%}.zp-30{width:30%}.zp-33{width:33.33%}.zp-35{width:35%}.zp-40{width:40%}.zp-45{width:45%}.zp-50{width:50%}.zp-55{width:55%}.zp-60{width:60%}.zp-65{width:65%}.zp-67{width:66.67%}.zp-70{width:70%}.zp-75{width:75%}.zp-80{width:80%}.zp-85{width:85%}.zp-90{width:90%}.zp-95{width:95%}.zp-100{width:100%}.last{padding:0!important}.clear{clear:both}.left{float:left}.right{float:right}.list{list-style:none;margin:0;padding:0}.list li{display:inline;margin:0 6px 0 0}.clearfix:after,.zp-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix,.zp-wrapper{display:inline-block}html[xmlns] .clearfix,html[xmlns] .zp-wrapper{display:block}* html .clearfix,* html .zp-wrapper{height:1%}.skip{display:block;left:-9999px;position:absolute;visibility:hidden}h1{font-size:36px;line-height:36px;font-weight:400;font-family:Georgia, "Times new roman", serif}h2{font-family:Georgia, "Times new roman", serif;font-size:18px;line-height:36px;font-style:italic;font-weight:400}h3{font-size:12px;line-height:18px;font-weight:700;color:#000;margin:0}h4{font-size:12px;line-height:18px;font-weight:400;color:#666;margin:0}h5,h6{font-size:12px;line-height:18px;font-weight:400;margin:0}p{margin:0 0 18px}p img,li img{float:left;margin:4px 6px 0 0;padding:0}p img.right,li img.right{float:right;margin:4px 0 6px;padding:0}a,a:focus{color:#009;text-decoration:underline}blockquote{background:#F9F9F9;border-left:6px solid #ccc;quotes:"“" "”" "‘" "’";color:#333;font-family:Georgia, "Times new roman", serif;font-size:13px;font-style:italic;margin:0 0 18px;padding:9px}p.intro:first-letter,p.important:first-letter{font-size:43px;font-weight:400;line-height:32px;letter-spacing:5px;float:left;width:auto;font-family:Georgia, Times, serif;padding:5px 0 0}p.intro:first-line,p.important:first-line{font-variant:small-caps}pre,code{border:1px solid #eee;font-family:monaco, courier, "courier new", monospace;font-size:11px;margin:0 0 18px;padding:9px}a.button,button{display:block;float:left;border:1px solid #ccc;background:#ccc url(../images/button.png) left top repeat-x;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:11px;line-height:16px;text-decoration:none;font-weight:400;color:#333;cursor:pointer;white-space:nowrap;vertical-align:baseline;border-color:#999 #858585 #666;margin:0 3px 15px 0;padding:2px 6px}button{width:auto;overflow:visible;padding:1px 4px}a.button{line-height:14px}button[type]{line-height:16px;padding:1px 4px}a.button:hover,button:hover{background-color:#ccc;border:1px solid #000;color:#000;text-decoration:none}.notification{font-size:11px;line-height:18px;margin:0 0 17px;padding:0 4px}.notice{background:#FFF6BF;color:#514721;border-bottom:1px solid #FFD324}.error{background:#FBE3E4;color:#8a1f11;border-bottom:1px solid #FBC2C4}.success{background:#E6EFC2;color:#264409;border-bottom:1px solid #C6D880}fieldset{border:1px solid #ccc;margin:0 0 18px;padding:9px}legend{color:#333;font-size:18px;line-height:18px;padding:0}label{float:left;width:100px;display:block;text-align:left;cursor:pointer;color:#333;margin:0 12px 0 0}.form-item{margin:0 0 11px}textarea,input{border:solid #ddd;border-width:1px 1px 2px;padding:4px}textarea{font-family:"Lucida Sans",Helvetica,sans-serif;font-size:11px}textarea:focus,input:focus{background:#f9f9f9;border:solid #ddd;border-width:1px 1px 2px}label.form-field-error{color:#8A1F11;}input.form-field-error,textarea.form-field-error{background:#FBE3E4;color:#8A1F11;border-color:#FBC2C4 #FBC2C4 #ee9b9e;border-style:solid;border-width:1px 1px 2px}input.form-field-notice,textarea.form-field-notice{background:#FFF6BF;color:#514721;border-color:#FFD324 #FFD324 #e3bb1b;border-style:solid;border-width:1px 1px 2px}select{border:1px solid #ccc;background:#f9f9f9;color:#333}input[type=checkbox],input[type=radio]{margin:3px 4px 0 0}input[type=radio]{background-color:#fff;color:#000}option{background:#fff;color:#000}optgroup{background:#f2f2f2;color:#111}a:hover,input[type=checkbox]{color:#000}
/* zotonic.com styles 2009
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>
@Created: 	01-02-2009
@Changed:	28-08-2009

Copyright 2009 Tim Benniks

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

body {
	background: #fff url(../images/page_bg.jpg) repeat-x left top;
	color: #333;
	font: 14px/22px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

	body.home {
		background: #fff url(../images/home_bg.jpg) repeat-x left top;
	}


figure {
	display: block !important;
}


/* Basic Typography
---------------------------------------------------------- */

h1 {
	font-size: 32px;
	line-height: 40px;
	margin: 0 0 6px 0;
	font-style: normal;
	color: #0778B0;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px #fff;
}

h2 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0778B0;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
    margin-bottom: 9px;
	text-shadow: 1px 1px #fff;
}

h3 {
	color: #0778B0;
	font-weight: normal;
	font-size: 14px;
    margin-bottom: 9px;
}

a, a:focus {
	color: #0778B0;
	text-decoration: none;
}

a:hover {
	color: #0778B0;
	text-decoration: none;
	border-bottom: 1px dotted #0778B0;
}

p {
	margin: 0 0 9px 0;
}

	p.summary {
        color: black;
	}

	#sidebar p {
		font-size: 14px;
	}



/* Tables
---------------------------------------------------------- */

#content table {
	margin: 0 0 18px;
	font-size: 14px;
}

#content table th,
#content table td {
	padding: 6px;
	border-bottom: 1px dotted #333;
}
#content table th {
    padding-bottom: 0;
}

#content table tr th {
    text-align: left;
    font-weight: bold;
    border-bottom: 1px dotted #333;
}

#content table tr:nth-child(even) td {
    background: #eee;
}


/* Grid
---------------------------------------------------------- */

.zp-wrapper {
	width: 960px;
}

header {
	height: 58px;
}

.page header {
	margin: 0 0 48px 0;
}

#content-area {
	margin: 0 0 18px 0;
}

#banner {
	margin: 0 0 18px 0;
}

.page #banner {
	width: 960px;
	height: 82px;
	background: #27343c url(../images/page_banner.jpg);
}

.home #banner {
	width: 960px;
	height: 313px;
	background: #27343c url(../images/home_banner.jpg);
	position: relative;
}

	.home #banner #download-zotonic {
		position: absolute;
		left: 625px;
		top: 40px;
		width: 350px;
	}

	.home #banner #docs-zotonic {
		position: absolute;
		left: 625px;
		top: 170px;
		width: 350px;
	}
		
		.home #banner #download-zotonic a,
		.home #banner #docs-zotonic a {
			border: none;
		}

		.home #banner section {
            position: relative;
        }

		.home #banner section a span {
            position: absolute;
            top: 0; left: 0;
            color: white;
            left: 92px;
        }

		.home #banner section a span.header {
            top: 28px;
            font-size: 20px;
            font-weight: bold;
        }            

		.home #banner section a span.subheader {
            top: 52px;
            font-size: 14px;
        }            



#logo {
	margin: 21px 0 0 0;
}

#logo img {
	float: none;
	display: block;
}

#content .padding {
	padding: 0 100px 0 0;
}

.category #content .padding,
.collection #content .padding,
.collection-members .padding,
.feature-members .padding {
	padding: 0 40px 32px 0;
}


/* sticky footer
---------------------------------------------------------- */

html, body {
	height: 100%;
}

.zp-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px;
}

.push, footer {
	height: 150px;
}


/* footer
---------------------------------------------------------- */

footer {
	background: #eee;
}

#footer-content {
	width: 960px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	display: block;
}

	footer p {
		font-size: 14px;
		color: #666;
	}
	
	.footer-list li {
		margin: 0 9px 0 0;
		display: inline;
		float: left;
	}
	
	.footer-list li a {
		font-size: 14px;
		color: #666;
		line-height: 18px;
	}	

		.footer-list li a:hover {
			color: #0778B0;
		}

/* navigation
---------------------------------------------------------- */

nav {
	margin: 25px 0 0;
}

	#navigation li {
		float: left;
	}
	
		#navigation li a {
			text-decoration: none;
			display: block;
			color: #333;
			padding: 0;
			margin: 0 0 0 15px;
			border: none;
            font-weight: bold;
			color: #0778B0;
		}
		
		#navigation li a:hover,
		#navigation li a.current:hover {
			color: #19b7e8;
		}
		
		#navigation li a.current,
		#navigation li a:focus,
		#navigation li a:active {
			color: black;
		}


/* Misc
---------------------------------------------------------- */

#ie6-upgrade {
	padding: 5px 10px;
}

#ie6-upgrade h4 {
	color: #000;
	font-weight: bold;
}

#ie6-upgrade a {
	color: #000;
	text-decoration: underline;
	border: none;
}

	#ie6-upgrade a:hover {
		border: none;
		color: #444;
	}
	
.zotonic-license-notice {
	color: #bbb; 
	padding: 17px 0 0 0;
}

/* modernizr stuff */
#fonttest {
	display: none !important;
}


/* Forms
---------------------------------------------------------- */

fieldset {
	border: none;
}


input[type="text"],
input[type="password"],
textarea {
	border: 1px solid #333;;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background: #eee;
}


/* notices
-------------------------------------------------------------- */

.error,
.notice,
.success {
	padding: 2px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

.notice a {
	color: #514721; 
}

	.notice a:hover {
		border-color: #514721;
	}

.error a {
	color: #8a1f11; 
}

	.error a:hover {
		border-color: #8a1f11;
	}

	.error pre {
		background: #FBC2C4;
		border: none;
		margin: 9px 0 3px 0;
	}

.success a {
	color: #264409; 
}

	.succes a:hover {
		border-color: #264409;
	}

/* pre, code
---------------------------------------------------------- */

pre {
    color: black;
    font-family: monospace;
    font-size: 14px;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #eee;
}


/* Logon
---------------------------------------------------------- */

div#logon_box {
	background-color: #fff;
	border: 1px solid #eee !important;
}

div#logon_box input[type=text], div#logon_box input[type=password] {
	border: 1px solid #333;
	color: black;
}

p.error {
    display: none;
}

form.error-pw .error {
    display: block;
}


/* status flags */

span.status {
	display: none;
	padding: 4px 4px 3px;
        font-size: 12px;
	-moz-border-radius: 2px;
	border-radius: 3px;
}

.waiting span.waiting {
	display: inline;
}

.running span.running {
	display: inline;
}

.retrying span.retrying {
	display: inline;
}

.failed span.failed {
	display: inline;
}

.stopped span.stopped {
	display: inline;
}

span.running {
	color: white;
	background: green;
}

span.retrying {
	color: white;
	background: #f90;
}

span.failed {
	color: white;
	background: #c00;
}

span.stopped {
	color: white;
	background: #999;
}

/* status buttons */

.running button.start {
	display: none;
}

.retrying button.restart,
.retrying button.flush,
.stopped button.stop,
.stopped button.restart,
.stopped button.flush,
.failed button.restart, 
.failed button.flush,
.stopped button.stop, 
.stopped button.restart, 
.stopped button.flush {
	display: none;
}

.stopped a {
	color: #ccc;
}

/* Some extra spacing for the buttons */

#content table button, 
#content table a.button {
	padding: 1px 4px;
	margin: 0px 8px -6px 0px;
}


.hidden {
	display: none;
}



.pager li {
	display: inline;
	margin: 0 6px 0 0;
}

.pager li.current {
    font-weight: bold;
}

fieldset { padding-left: 0; }


p.meta {
    color: #666;
}
/*  Growl notices stylesheet
----------------------------------------------------------

@package:	Zotonic 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>

Copyright 2009 Tim Benniks

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

.notice-wrap {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 250px;
	z-index: 9999;
}

* html .notice-wrap {
	position: absolute;		
}
 
.notice-item {
	height: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 6px 6px 0 6px;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
	font-size: 11px;
}

.notice-item-close {
	position: absolute;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	right: 6px;
	top: 0;
	cursor: pointer;
}
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    /*-moz-opacity: 0.5;
    opacity: 0.50;
    filter: alpha(opacity=50);
    background-color: #fff; */
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    padding:2px;
}
.loadmask-msg div {
    padding: 10px 10px 5px 40px;
    background: url('/lib/images/spinner.gif') no-repeat 5px 5px;
    height: 20px;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.loadmask-progress {
	position: absolute;
    top: 40%;
    left: 25%;
	width: 50%;
	height: 12px;
	z-index: 20002;
	background-color: white;
	padding: 1px;
	border: 1px solid #222;
}
.loadmask-progress .ui-progressbar-value {
	background-color: #222;
	height: 100%;
}
.masked {
    overflow: hidden !important;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}