/* @override 
	http://gemini.localhost/pb/css/pagebutler.css
*/

*{
margin:0;
padding:0;
}

body{
font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
text-align:center;
color:#333;
font-size: 12px;
background-color:#e3e3e3;
}

/* General Style Info */
a{
color:#0d5394;
text-decoration:underline;
}
a:hover{
color:#0d5394;
text-decoration:none;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:normal;
clear:left;
}

h1{
color:#111111;
margin:0.3em 0;
font-size: 180%;
}

h2{
color:#f39303;
padding-top: 10px;
margin:0.3em 0;
font-size: 160%;
}

h3{
color:#03a7f3;
margin:0.3em 0;
font-size: 140%;
}

h4{
color:#cef303;
padding-top:0.5em;
font-weight:normal;
}

.col_error {
	color: #900;
}

.col_notice {
	color: #f39303;
}

.col_success {
	color: #83c716;
}

em, italic, i {
font-size: 12px;
font-style: italic;
}

ul, li {
margin: 0 12px;
}

/* Layout */

#container{
text-align:left;
width:950px;
margin-left:auto;
margin-right:auto;
padding-bottom: 700px;
}

#header {
padding: 4px 20px 0 20px;
background:#e3e3e3;
}
#header .loginname {
	float:right;
	color:#666666;
	font-size:10px;
}
#header .loginname a {
	color:#555555;
}

#languageSelector {
height: 1px;
width: 60px;
position:  relative;
}
#languageSelector .container_nochange,
#languageSelector .container {
width: 60px;
height: 100px;
position:  relative;
top: 80px;
left: -60px;
background: none;
}
#languageSelector .container_nochange div,
#languageSelector .container div {
	width: 60px;
	height: 17px;
	margin-bottom: 1px;
}
#languageSelector .container_nochange div span,
#languageSelector .container div a {
	width: 55px;
	height: 15px;
	padding: 2px 5px 0 0;
	display: block;
	background: none;
	color: #777;
	text-decoration: none;
	font-size: 10px;
	text-align: right;
}
#languageSelector .container_nochange div span
{
	color: #aaa;
}
#languageSelector .container div a:hover {
	color: #111;
}
#languageSelector .container_nochange div.selected span,
#languageSelector .container div.selected a {
	background: #fff;
	color: #f39303;
}
#languageSelector .container_nochange div.selected span
{
	color: #888;
}


#content {
clear:both;
padding: 1px 20px 10px 20px;
border-left:20px solid #e3e3e3;
border-right:20px solid #e3e3e3;
background-color: #fff;
color: #333;
}

#content p {
	margin-bottom:20px;
}

#footer {
clear:both;
text-align: right;
color:#666;
background-color:#ccc;
border-left:20px solid #e3e3e3;
border-right:20px solid #e3e3e3;
font-size:10px;
}
#footer p {
padding: 8px 15px;
}
#footer a {
color:#666;
}
#footershadow {
clear:both;
text-align: right;
background:url(/pb/img/footerbg.gif) no-repeat;
border-left:20px solid #e3e3e3;
border-right:20px solid #e3e3e3;
height:17px;
}

/* tables */

table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:left;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr td.small {
font-size:11px;
}
table.mceEditor tr td,
table.mceEditorNoAutoload tr td {
border:none;
padding:0;
vertical-align:top;
text-align: center;
}
table tr.altRow td {
background: #f4f4f4;
}
table.mceEditor select,
table.mceEditorNoAutoload select {
width: 130px;
float: none;
font-size: 9px;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

div.actiontable {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
div.actiontable table {
margin:0;
border:0;
}
tr.actionrow td {
border:0;
text-align: left;
padding:0;
height:17px;
border-right: 1px solid #ddd;
border-top:1px solid #ddd;
background:#eee;
}
tr.actionrow td a {
display:block;
float:left;
height:17px;
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
padding:1px 4px;
color:#000000;
text-decoration:none;
}
tr.actionrow td a:hover {
background-color: #e2e2e2;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
padding:2px 3px 0 5px;
}
div.actiontable div.info,
div.actiontable div.info_error {
text-align: center;
padding:4px 4px;
border-right: 1px solid #ddd;
border-top:1px solid #ddd;
}
div.actiontable div.info_error {
color:#cc0000;
}

div.actiontable .handle {
padding:0px;
background:#cccccc;
cursor:pointer;
font-size:1px;
}



/* scaffold show */

div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 400px;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}

/* notices and errors */

#flashMessage, .error, .error_message 
{
	color:#900;
	font-size: 12px;
	background-color: #fff;
	padding: 8px 0px;
	font-weight: normal;
}
#FlashMessageIcon
{
	width: 16px;
	height: 16px;
	float: left;
	margin: 4px;	
}
#flashMessage
{
	background:#fcecd3;
	padding:5px;
	font-size: 12px;
	cursor:default;
}
#flashMessage.message
{
	color:#444;
}
.error_message 
{
	clear: both;
}
.error em {
font-size: 12px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 12px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}
.err
{
	color:#900;
}


/* forms */

form {
margin-top: 2em;
}
form br {
clear:left;
}
form div.date{
margin-left: 0em;
}
form fieldset {
width:570px;
border:1px solid #bbbbbb;
padding:10px;
}
form fieldset legend {
color: #bbbbbb;
font-weight:bold;
font-size:10px;
padding-left:10px;
padding-right:10px;
}
label {
display: block;
float:left;
width: 200px;
font-size: 12px;
padding-right: 20px;
margin-bottom: 10px;
}
form fieldset label {
width: 189px;
}
form .error_message {
width:500px;
}
label span {
color:#777777;
font-size:10px;
font-weight:normal;
display:block;
padding-top:5px;
}
input[type=checkbox],
input[type=radio],
input.checkbox,
input.radio {
float: left;
margin: 2px 6px 7px 2px;
}
input[type=text], 
input[type=password], 
input[type=file], 
textarea, 
div.noinput {
float: left;
width: 350px;
font-size: 12px;
font-family: inherit;
border:1px solid #bababa;
background:#f0f0f0;
padding:2px;
font-weight:normal;
margin-bottom: 10px;
}
div.noinput {
overflow:hidden;
	}
form div.noinput br
{
	clear:none;
}
form div.noinput div.image
{
	float:left;
	width:120px;
	height:90px;
	margin-right:10px;
	background:url(/pb/img/hellkaro.gif);
}
form div.noinput div.actions
{
	width:200px;
	height:90px;
	margin-left:130px;
}



form .mceEditorContainer {
display:block;
width:350px;
float:left;
margin-bottom: 10px;
}
form div.between {
float: left;
width: 50px;
font-size: 12px;
font-family: inherit;
border:none;
padding:2px;
font-weight:normal;
margin-bottom: 10px;
}
select {
vertical-align: text-bottom;
font-size: 11px;
font-family: inherit;
margin-bottom: 10px;
width: 356px;
float: left;
border:1px solid #bababa;
background:#f0f0f0;
}
option {
font-size: 12px;
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
width:200px;
margin-left:220px;
}
.required {
clear: both;
color:#222;
}
.required label {
font-weight:bold;
}
.optional {
clear: both;
color:#555;
}
.submit {
clear: both;
margin-top: 40px;
margin-left: 140px;
}

/* ACTION TABLE */

form.actionform {
margin:0;
padding:0;
width:100%;
}
form.actionform input, 
form.actionform textarea, 
form.actionform select {
float: none;
width: auto;
margin:0;
}
form.actionform input[type=text], 
form.actionform textarea, 
form.actionform select {
border:0;
background:#ffff99;
}
form.actionform tr td {
text-align:left;
padding:1px 4px;
border-right: 1px solid #ddd;
border-top:1px solid #ddd;
background:#ffff99;
height:23px;
}
form.actionform tr td.submit {
background:#fff;
}
form.actionform tr.subinput td {
border-right: 1px solid #ddd;
background:#eee;
vertical-align:middle;
}
form.actionform tr.subinput td.handle {
background:#ddd;
font-size:2px;
}
form.actionform tr.subinput td.name {
text-align:right;
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
font-weight:bold;
padding:1px 4px;
}
form.actionform tr.subinput td.input {
background:#ffff99;
}
form.actionform tr.subinput td.input input,
form.actionform tr.subinput td.input select,
form.actionform tr.subinput td.input textarea {
margin:0;
}

div.actiontableline {
height:1px;
overflow:hidden;
background:#ddd;
}



/* AJAX */

form.inplaceeditor-form {
	margin:0;
}
form.inplaceeditor-form input[type=text],
form.inplaceeditor-form textarea {
	float: left;
	width: auto;
	display: block;
	font-size: 12px;
	font-family: inherit;
	border:1px solid #dddddd;
	padding:2px;
	font-weight:normal;
	margin:0;
	vertical-align: bottom;
	height:15px;
}
form.inplaceeditor-form textarea {
	background:#ffff99;
	height:60px;
}
form.inplaceeditor-form input[type=submit] {
	display: block;
	vertical-align: bottom;
	text-align:center;
	width:30px;
	margin:0 5px 0 5px;
	float:left;
	height:21px;
}
form.inplaceeditor-form a {
	display: block;
	vertical-align: bottom;
	height:25px;
}





/* action links */

ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}



/* navigation */

div#navigation {
width: 100%;
height:30px;
background:#ffffff url(/pb/img/navigation_bg.gif);
}
div#navigation a {
padding-top: 9px;
display:block;
width:95px;
height:21px;
text-align:center;
background:#444444;
float:left;
color:#ffffff;
text-decoration:none;
font-size:10px;
border-right:1px solid #ffffff;
overflow: hidden;
}
div#navigation a:hover {
	background:#666666;
}
div#navigation a.logout {
	float:right;
	border-right:none;
	border-left:1px solid #eeeeee;
	width:50px;
}
div#navigation a.logout:hover {
	background:#f32b03;
	color:#ffffff;
}
div#navigation a.debug,
div#navigation a.debug_active {
	float: right;
	font-size:9px;
	background:#666;
	width: auto;
	border-right:none;
	border-left:1px solid #eeeeee;
	padding-left: 5px;
	padding-right: 5px;
	height:16px;
	padding-top: 4px;
	margin-top: 10px;
	color: #fff;
}
div#navigation a.debug:hover {
	background:#f4a022;
}
div#navigation a.active,
div#navigation a.activeAndSub,
div#navigation a.debug_active {
	background:#ffffff;
	color:#333333;
}
div#navigation a.activeAndSub {
	border-bottom:4px solid #dae8f3;
}
div#subnavigation {
	background:#dae8f3;
	height:19px;
	clear:both;
	border-right:20px solid #ffffff;
	border-left:20px solid #ffffff;
	border-top:15px solid #ffffff;
}
div#subnavigation a {
	padding-top: 4px;
	display:block;
	width:100px;
	height:15px;
	text-align:center;
	background:#7497b5;
	float:left;
	color:#ffffff;
	text-decoration:none;
	font-size:10px;
	border-right:1px solid #eeeeee;
}
div#subnavigation a:hover {
	background:#73a3cc;
}



/* ASSETS MANAGER */

#assetsManager
{
	background:#222;
	clear:both;
	height:300px;
	width:910px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	color:#ffffff;
	font-size:11px;
}
#assetsManager a
{
	color:#ffffff;
}
#assetsManager #assetsFolder
{
	float:left;
	width:209px;
	height:300px;
	border-right:1px solid #ddd;
}
#assetsManager #assetsList
{
	float:left;
	width:700px;
	height:269px;
}
#assetsManager #assetsList .info
{
	float:left;
	width:400px;
	padding:5px 0;
	font-size: 40px;
	margin:100px 0 0 140px;
	color:#444;
	font-weight:bold;
	text-align:center;
}
#assetsManager #assetsList .scroll
{
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
	width:700px;
	height:269px;
}
#assetsManager #assetsList .item
{
	width:127px;
	height:127px;
	padding:4px;
	font-size:9px;
	overflow:hidden;
	float:left;
}
#assetsManager #assetsList .item a
{
	text-decoration:none;
}
#assetsManager #assetsList .item .thumb
{
	width:125px;
	height:100px;
	margin-bottom:3px;
	border:2px solid #222;
	background:#222;
	overflow:hidden;
}
#assetsManager #assetsList .item .thumb table
{
	width:125px;
	height:100px;
	border:none;
	background: none;
	padding: 0;
	margin: 0;
}
#assetsManager #assetsList .item .thumb table td
{
	text-align:center;
	vertical-align:middle;
	background: none;
	padding: 0;
	margin: 0;
	border:none;
}
#assetsManager #assetsList .item .thumb .ext
{
	margin-top: -54px;
	margin-left: 4px;
	text-align: center;
	font-size: 20px;
	color: #aaa;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 121px;
	height: 30px;
	position: absolute;
}
#assetsManager #assetsList .item .filename,
#assetsManager #assetsList .item .imgsize
{
	width:125px;
	height:12px;
	font-size:9px;
	overflow:hidden;
	text-align:center;
}
#assetsManager #assetsList .item .imgsize
{
	color:#aaa;
}
#assetsManager #assetsFolder .scroll
{
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
	width:209px;
	height:269px;
}
#assetsManager #assetsFolder .item
{
	padding:3px 10px;
}
#assetsManager #assetsFolder .actionbar,
#assetsManager #assetListActionBar
{
	height:31px;
	font-size:9px;
	width:209px;
	background:#444;
}
#assetsManager #assetListActionBar
{
	width:700px;
	float:left;
}
#assetsManager #assetListActionBar .actions
{
	width:105px;
	float:right;
	height:31px;
}
#assetsManager #assetsFolder .actionbar a,
#assetsManager #assetListActionBar a
{
	width:104px;
	display:block;
	float:left;
	height:14px;
	padding-top:1px;
	text-align:center;
	text-decoration:none;
	background:#666;
}
#assetsManager #assetsFolder .actionbar a:hover,
#assetsManager #assetListActionBar a:hover
{
	background:#888;
}
#assetsManager #assetsFolder .actionbar .blankbtn,
#assetsManager #assetListActionBar .blankbtn
{
	width:104px;
	float:left;
	height:14px;
	padding-top:1px;
	background:#666;
}
#assetsManager #assetsFolder .actionbar form,
#assetsManager #assetListActionBar form
{
	padding:4px 0 0 2px;
	margin:0;
}
#assetsManager #assetsFolder .actionbar form input,
#assetsManager #assetListActionBar form input
{
	width:120px;
}
#assetsManager #assetsFolder .actionbar form input[type=submit],
#assetsManager #assetListActionBar form input[type=submit]
{
	width:80px;
	float:left;
	clear:none;
	margin:0;
	padding:0;
}
#assetsManager #assetOptions .name
{
	width: 268px;
	height: 27px;
	font-size: 11px;
	padding: 4px 0 0 7px;
	overflow: hidden;
	float: left;
	font-weight: bold;
	color: #000000;
	background: #f4a022;
	margin-right: 2px;
}
#assetsManager #assetOptions .name span
{
	font-size: 9px;
	font-weight: normal;
	color: #222;
}
#assetsManager #assetOptions a
{
	width:104px;
	display:block;
	float:left;
	height:23px;
	padding-top: 8px;
	margin-right: 2px;
	font-size: 11px;
	font-weight: bold;
}


pre {
padding: 1em;
}


/* AssetList */

div.alitem 
{
	width:60px;
	height:45px;
	float:left;
	margin: 0;
	border:2px solid #f0f0f0;
}
form div.noinput div.alitem div.image
{
	float:default;
	width:60px;
	height:45px;
	margin-right:0;
}
form div.noinput div.alactions
{
	width:30px;
	height:49px;
	float:right;
	font-size:9px;
	text-align:right;
}



/* MARGINALSPALTE */

#marginalspalte
{
	float:right;
	width:250px;
	background:#f0f0ee;
	border-left:1px solid #dddddd;
	font-size:10px;
	overflow: hidden;
}
#marginalspalte br
{
	clear:both;
}
#marginalspalte p
{
	padding:5px 10px;
	margin:0;
}
#marginalspalte p.error,
#marginalspalte div.error_message
{
	color:#900;
	font-size: 10px;
	background: none;
	padding:5px 10px;
	margin:0;
	font-weight: bold;
	width:230px;
}
#marginalspalte form
{
	margin:0;
}
#marginalspalte p.title
{
	background:#444;
	color:#fff;
	border-bottom:1px solid #dddddd;
}
#marginalspalte p.title img.masphideswitch
{
	float:right;
	margin-top:2px;
}
#marginalspalte input[type=text], 
#marginalspalte input[type=password], 
#marginalspalte textarea,
#marginalspalte select {
	float:left;
	width:220px;
	margin: 5px 10px;
	font-size:10px;
	border:1px solid #bababa;
	background:#ffffff;
}
/*#marginalspalte select {
	height:17px;
}*/
#marginalspalte input[type=checkbox],
#marginalspalte input[type=radio],
#marginalspalte input.checkbox,
#marginalspalte input.radio
{
	float: left;
	margin: 5px 0 0 10px;
	display: inline;
}
#marginalspalte label {
	float:left;
	width: 190px;
	font-size: 10px;
	padding:5px 10px;
	display: inline;
	margin:0;
}
#marginalspalte input[type=submit] {
	display: inline;
	vertical-align: bottom;
	float:none;
	width:120px;
	margin: 5px 10px;
	font-size:10px;
}
#marginalspalte div.between {
	float: left;
	width: 50px;
	font-size: 10px;
	font-family: inherit;
	border: none;
	padding: 2px;
	font-weight: normal;
	margin: 5px 10px;
}


/* CEL = Content Editor List */

.cel_toolbar
{
	width:600px;
	height:17px;
	background:#f1f1f1;
	font-size:10px;
	color:#000;
	clear:left;
}
.cel_toolbar a,
.cel_toolbar .offbtn
{
	display:block;
	float:left;
	height:13px;
	background-color: #e2e2e2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
	padding:1px 4px;
	color:#000000;
	text-decoration:none;
}
.cel_toolbar a:hover 
{
	background-color: #e2e2e2;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding:2px 3px 0 5px;
}
.cel_toolbar .offbtn
{
	color:#777;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}
.cel_toolbar .range
{
	height:13px;
	width:170px;
	padding:2px 4px;
	text-align: center;
	float:right;
	overflow:hidden;
	color:#666;
}
.cel_toolbar .wait
{
	height:16px;
	width:20px;
	text-align: right;
	float:left;
	overflow:hidden;
}
.cel_toolbar div.search
{
	float:right;
	height:15px;
	width: 150px;
	overflow: hidden;
	border: 1px solid #ddd;
	background: #ffff99;
}
.cel_toolbar div.search input {
	float: none;
	width: 100px;
	display: block;
	font-size:10px;
	font-family: inherit;
	height:15px;
	width:150px;
	background: #ffff99;
	border:0;
	padding:1px;
	font-weight:normal;
	margin:0;
	vertical-align: bottom;
}