/* *****************************************************
Copyright (C) 2008 - 2010 by Xander Groesbeek (CompactCMS.nl)
Revision:	CompactCMS - v 1.4.1

This file is part of CompactCMS.

CompactCMS is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

CompactCMS is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

A reference to the original author of CompactCMS and its copyright
should be clearly visible at all times for the user of the back-
end. You are not allowed to remove all references to the original
author, communicating the product to be your own.

You should have received a copy of the GNU General Public License
along with CompactCMS. If not, see <http://www.gnu.org/licenses/>.
	
> Contact me for any inquiries.
> E: Xander@CompactCMS.nl
> W: http://community.CompactCMS.nl/forum
****************************************************** */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:0.825em;color:#222;line-height:1.6em;background:#fff;font-family:'Palatino Linotype',Palatino, Baskerville, 'Book Antiqua', Georgia,serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;font-weight:bold;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;font-weight:bold;margin-bottom:0.75em;}
h3 {font-size:1.5em;font-weight:bold;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;font-weight:bold;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;cursor:help;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:0.9em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {width:100%;}
th {font-weight:bold;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:990px;margin:10px auto;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-1-1 {width:40px;}
.span-2 {width:70px;}
.span-2-1 {width: 85px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-14-1 {width:556px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;}
.span-25, div.span-25 {width:990px;margin:0;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.append-24 {padding-right:960px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
.prepend-24 {padding-left:960px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.colborder {padding-right:12px;margin-right:12px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 0 20px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
.right {text-align:right;}
.center {text-align:center;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.block {border:3px solid #B3E813; padding: 10px;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label{font-weight:bold;}
#contact label{font-weight:bold;float:left;width:90px;text-align: right;margin-right:5px;padding-top:7px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.2em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
select.text {width:210px;padding:4px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:150px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.notice a {color:#514721;}
.success a {color:#264409;}
.fault {color:#8a1f11;}
a.button, button {margin: 0.7em 0.5em 0.7em 0;padding:5px 10px 5px 7px;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;}
button {width:auto;overflow:visible;padding:4px 10px 3px 7px;}
button[type] {padding:4px 10px 4px 7px;line-height:17px;}
*:first-child+html button[type] {padding:4px 10px 3px 7px;}
button img, a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}
button:hover, a.button:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}

/* fancy-type */
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}
.dquo { margin-left: -.5em; } 

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}  
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}

/* ************************************************************
Copyright (C) 2008 - 2010 by Xander Groesbeek (CompactCMS.nl)
Revision:	CompactCMS - v 1.4.1
	
This file is part of CompactCMS.

CompactCMS is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

CompactCMS is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

A reference to the original author of CompactCMS and its copyright
should be clearly visible at all times for the user of the back-
end. You are not allowed to remove all references to the original
author, communicating the product to be your own.

You should have received a copy of the GNU General Public License
along with CompactCMS. If not, see <http://www.gnu.org/licenses/>.
	
> Contact me for any inquiries.
> E: Xander@CompactCMS.nl
> W: http://community.CompactCMS.nl/forum
************************************************************ */

/* === 0. MISC === */
a.external {
	background: url('../ccms-sprite.png') no-repeat 100% 50%;
	background-position: 0 -159px;
	padding: 0 0 0 13px;
}
.sprite{background: url('../ccms-sprite.png') no-repeat top left;}
.sprite-hover:hover{background: url('../ccms-sprite.png') no-repeat top left;}
.info{background-position: 0 -178px;padding: 0 0 0 20px;}

/* === 1. CORE === */
/* === LAY-OUT === */
#wrapper {padding: 20px 0;}
#footer {text-align: right;margin-bottom:20px;}
.ff{display:inline-block;width:80px;height:15px;background-position: 0 0;}
.ie{display:inline-block;width:80px;height:15px;background-position: 0 -20px;}
.opera{display:inline-block;width:80px;height:15px;background-position: 0 -40px;}
.safari{display:inline-block;width:80px;height:15px;background-position: 0 -60px;}
.chrome{display:inline-block;width:80px;height:15px;background-position: 0 -80px;}

/* === 1. CORE === */
/* === TAGS === */
#dyn_list.loading {
	background: #ECC6CD url('../spinner.gif') no-repeat center center;
	border: #D37A8A 4px solid;
	padding: 10px;
	min-height: 45px;
}
#notify.loading {background: #EED9BA url('../spinner.gif') no-repeat 50% 70%;}
#notify span.right {margin-right:200px;}
.printloading {background: url('../saving.gif') no-repeat 50% 70%;}
fieldset { 
	padding: 0 10px 10px 10px;
	margin-bottom: 10px;
	background: #E6F5D6;
	border: 3px solid #90D244;
	-moz-border-radius: 10px; 
	border-radius: 10px;
	behavior: url('PIE.php');
}
legend, .loginMsg {
	background-color: rgba(201,211,217,0.2);
	font-size:1.1em;
	font-weight: bold;
	margin: 0 15px;
	padding: 0.4em 1em;
	border: 2px solid #9DAFBB;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	behavior: url('PIE.php');
}

/* === 1. CORE === */
/* === INSIDE SUB-DIVS === */
#dyn_list td, th {
	vertical-align: top;
	height: 22px;
	padding: 5px 0;
}
#dyn_list {
	display: block;
	min-width: 800px;
	background: #CDE6B3;
	border: #9ACC66 4px solid;
	min-height: 30px;
	height: auto;
}
#menuFields { border: #9ACC66 4px solid; }
a.editinplace{background-position: 0 100px;}
a.edit, a.editinplace:hover {
	cursor: pointer;
	font-weight: bold;
	background-position: 0 -121px;
	padding: 0 0 0 20px;
}

/* === 1. CORE === */
/* === STATUS BARS === */
#logo {
	height: 100px;
	padding-top: 10px;
	margin: 5px 20px;
}
.logo {background-position: 0 -228px;}
#logo h1 {display: none;}
#logo p {text-align:center;margin-top: 65px;font-weight: bold;}
.twittlogo {display:block;width:26px;height:25px;background-position: 0 -199px;}
#notify {
	float: left;
	position: relative;
	background-color: #EED9BA;
	border: 2px solid #C7892E;
	-moz-border-radius: 10px; 
	border-radius: 10px;
	min-height: 95px;
	margin: 0 15px 10px 0;
	padding: 0 0 10px 0;
	text-align: right;
	behavior: url('PIE.php');
}
.notify{background-position: 0 -449px;}
#advanced {
	background-color: #EDE2F8;
	margin: 0 auto;
	padding: 0;
	border: 2px solid #9E65D7;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	behavior: url('PIE.php');
}
#notify p, #advanced h2 {
	background: #DFB77C;
	margin: 0;
	padding: 3px;
	border-bottom: 6px solid #E9CDA5;
	font-variant: small-caps;
	font-size: 1em;
	text-align: center;
}
#advanced h2{
	background: #C6A5E9;
	border-bottom-color: #E5D6F5;
}
#advanced ul{list-style-type:none;}
#notify_res {
	min-height: 60px;
	margin-left: 80px;
	text-align: left;
}
#notify_res p.h1 {
	background: none;
	border: 0;
	text-align: left;
	font-weight: bold;
}

/* === 1. CORE === */
/* === ADD PAGE / MANAGE MENU === */
#fields label {
	float: left;
	padding-top: 3px;
	width: 90px;
}
input[type="text"]{width: 200px;}
button {margin-right: 15px;}
optgroup option {padding-left: 10px;}
#f_de {width: 200px;height: 50px;}

/* === 1. CORE === */
/* === EDIT in PAGE === */
.liveedit:hover {
	cursor: pointer;
	font-weight: bold;
	background-position: 0 -121px;
	padding: 0 0 0 20px;
}
.textarea {
	background: #ECC6CD;
	padding: 0 4px;
	border: #D37A8A 2px solid;	
	font: 90% 'Palatino Linotype', Palatino,Baskerville, 'Book Antiqua', Georgia,serif;
	width: 85%;
	height: 35px;
}

/* === 1. CORE === */
/* === CODING PRE-TAG === */
pre {
	font-size: 12px;
	padding: 0 5px;
	margin: 5px;
	background: #f0f0f0 url('../pre_bg.gif') repeat left top;;
	border: 1px solid #ccc;
	line-height: 18px;
	width: 95%;
	overflow: auto;
	overflow-Y: hidden;
}

/* === 1. CORE === */
/* === HINTS === */
span.ss_help{cursor:help;}
div.ss_help {
	color: #000;
	width: 250px;
	z-index: 13000;
	background: #DB7075;
	border-left: 5px solid #EFAAAB;
	border-right: 5px solid #F7D5D5;
	border-top: 5px solid #F7D5D5;
	border-bottom: 5px solid #EFAAAB;
	-moz-border-radius: 10px; 
	border-radius: 10px;
	behavior: url('PIE.php');
}
div.tip-title {
	font-weight: bold;
	font-size: 100%;
	margin: 0;
	color: #FFFFFF;
	padding: 5px;
	background: #DB7075;
	-moz-border-radius: 20px; 
	border-radius: 20px;
	behavior: url('PIE.php');
}
div.tip-text {
	font-size: 90%;
	text-align: justify;
	padding: 5px;
	border-top: 3px solid #EFAAAB;
	background: #F0C1C4;
}

/* === 1. CORE === */
/* === LOGIN === */
#logo{display:block;height:77px}
#login-wrapper{
	width:750px;
	background-color:#E6F5D6;
	border:10px solid #90D244;
	-moz-border-radius: 10px; 
	border-radius: 10px;
	padding:10px;
	behavior: url('PIE.php');
}
#loginFrm label {display: block;}
#login-wrapper h2 {font-size:1.2em;border-bottom:solid 1px #90D244;}
.loginMsg{background-color:rgba(229,215,238,0.8);margin-bottom:15px;}

/* === 1. CORE === */
/* === MODULES === */
div.module{font:'Palatino Linotype',Palatino, Baskerville, 'Book Antiqua', Georgia,serif;color:#222;line-height:1.6em;margin:15px;}
.module label{display:block;}
.module h1,.module h2 {
	font-size:1.2em;
	padding:2px 5px;
	background-color:#e6f5d6;
	border:1px solid #9ACC66;
	text-align:center;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	behavior: url('PIE.php');
}
}
.module h2 {font-size:1.1em;}

/* === 2. MODULE === */
/* === LIGHTBOX === */
.thumbview {
	width:80px;
	height:80px;
	border:solid #E3E3E3 3px;
	margin: 5px 2px;
	padding: 2px;
	text-align:center;
}
.thumbview:hover{background-color:#E6F2D9;border:solid #A5D611 3px;}
.albumbox img{border:1px solid #000;}

/* Windows
---------------------------------------------------------------- */

.mocha {display: none;overflow: hidden;background-color: #e5e5e5;}
.mocha.isFocused {}	
.mochaOverlay {position: absolute;top: 0;left: 0;}
.mochaTitlebar {width: 100%;overflow: hidden;background: url(../spacer.gif?from=fafafa&to=e5e5e5);}
.mochaTitlebar h3 {
	font: 0.825em "Verdana", arial, sans-serif;
	line-height: 15px;	
	font-weight: bold;
	margin: 0;
	padding: 5px 10px 4px 12px;
	color: #888;
}
.mocha.isFocused .mochaTitlebar h3 {color: #181818;}
.mochaToolbarWrapper {
	width: 100%; /* For IE */
	position: relative;
	height: 29px;
	background: #f1f1f1;	
	overflow: hidden;
	border-top: 1px solid #d9d9d9;
}
div.mochaToolbarWrapper.bottom {border: 0;border-bottom: 1px solid #d9d9d9;}
.mochaToolbar {width: 100%;border-top: 1px solid #fff;}
.mochaContentBorder {border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;}
.mochaContentWrapper {font-size: 12px;overflow: auto;background: #fff;}
.mochaContent {padding: 10px 12px;}

.mocha .handle {
	position: absolute;
	background: #0f0;
	width: 3px;
	height: 3px;
	z-index: 2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */		
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
	opacity: .0;	
	-moz-opacity: .0;
	overflow: hidden;
	font-size: 1px; /* For IE6 */
}

.mocha .corner { /* Corner resize handles */
	width: 10px;
	height: 10px;
	background: #f00;	
}

.mocha .cornerSE { /* Bottom right resize handle */
	width: 20px;
	height: 20px;
	background: #fefefe; /* This is the color of the visible resize handle */	
}

.mochaCanvasHeader {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	z-index: -1;
	visibility: hidden;
	overflow: hidden;
}

.mochaControls {
	position: absolute;
	width: 52px;
	top: 8px;
	right: 8px;
	height: 14px;
	z-index: 4;
	background: transparent;
}

.mochaCanvasControls {
	position: absolute;	
	top: 8px;
	right: 8px;	
	z-index: 3;
	background: transparent;
}

/*
	To use images for these buttons:
	1. Set the useCanvasControls window option to false.
	2. If you use a different button size you may need to reposition the controls.
	   Modify the controlsOffset window option.		
	2. Replcac the background-color with a background-image for each button.

*/
.mochaMinimizeButton, .mochaMaximizeButton, .mochaCloseButton {
	float: right;
	width: 14px;
	height: 14px;
	font-size: 1px;	
	cursor: pointer;
	z-index: 4;
	color: #666;
	background-color: #fff;
	margin-left: 5px;
}

.mochaMinimizeButton {margin-left: 0;}
.mochaMaximizeButton {}
.mochaCloseButton {}
.mochaSpinner{
	display: none;	
	position: absolute;
	bottom: 7px;
	left: 6px;
	width: 16px;
	height: 16px;
	background: url(../saving.gif) no-repeat;
}
.mochaIframe {width: 100%;}
		
/* Fix for IE6 select z-index issue */
.zIndexFix {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 100px;
	height: 100px;
	border: 1px solid transparent;
}
/* Underlay */
#windowUnderlay { 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;	
}

* html #windowUnderlay { 
	position: absolute; 
}
.mocha.replaced, .mochaTitlebar.replaced, .mochaMinimizeButton.replaced, .mochaMaximizeButton.replaced, .mochaCloseButton.replaced {
	background-color: transparent !important;
}

.windowClosed {
	visibility: hidden;	
	display: none;
	position: absolute;
	top: -20000px;
	left: -20000px;
	z-index: -1;
	overflow: hidden;		
}

.windowClosed .mochaContentBorder, .windowClosed .mochaToolbarWrapper, .windowClosed .mochaTitlebar, .windowClosed .mochaControls,
.windowClosed .mochaCanvasControls {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;	
	display: none;
	z-index: -1;	
}		
	
/* Window Themes */
.mocha.transparent .mochaTitlebar h3 {color: #fff;display: none;}
.mocha.transparent .mochaContentWrapper {background: transparent;}
.pad {padding:20px;}

/* Dock/Taskbar */
#dockWrapper {display: none;width: 100%;}
#dock {
	position: relative;
	padding: 2px 16px 0 6px;
	bottom: 0;
	left: 0;
	background: #E3E3E3;
	border-top:2px solid #666;
	min-height: 27px;
	height: auto;
}
*html #dock {height: 30px;}
.dockTab {
	float: left;
	position: relative;	
	font: 0.825em "Verdana", arial, sans-serif;
	width: 150px;
	height: 24px;
	margin: 2px 3px 2px 0;
	overflow: hidden;	
	cursor: pointer;
	background: url(../mochaui/dock-tabs.png) left top no-repeat;
}
.dockTab.activeDockTab,.dockTab:hover {background-position: left -24px;}
.dockText {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-weight: bold;
	color: #555;	
	text-align: left;
	padding: 5px 10px 2px 24px;
	width: 130px;
	height: 19px;
	overflow: hidden;
}
.dockText:hover {color: #333;}
.dockTab.activeDockTab .dockText {color: #333;}
#dockCanvas {
	position: absolute;
	top: 5px;
	right: 3px;
	z-index: 2;	
}
#dockPlacement {
	position: absolute;
	top: 4px;
	right: 8px;
	width: 10px;
	height: 9px;	
	opacity: 0;
	cursor: pointer;
	z-index: 3; /* for IE */
	text-align: right;	
}
#dockAutoHide {
	position: absolute;
	top: 14px;
	right: 8px;
	width: 10px;
	height: 9px;	
	opacity: 0;
	cursor: pointer;
	z-index: 3; /* for IE */
	text-align: right;	
}
.dockButtonEnabled {background-color: #7399bf;}
.dockButtonDisabled {background-color: #aaa;}
.dockButtonTrue {background-color: #33cc33;}

/* Toolbar Tabs */
.toolbarTabs {	
	padding: 0 5px 2px 2px;
	background: url(../mochaui/tabs.png) repeat-x;
	background-position: left -70px;
	overflow: visible;
}
.tab-menu {	
	padding-top: 1px;
	list-style:	none;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 11px;
}
.tab-menu li {
	display: block;
	float: left;
	font: 0.825em "Verdana", arial, sans-serif;
	margin:	0 0 5px 0;
	cursor: pointer;	
	background: url(../mochaui/tabs.png) repeat-x;
	background-position: left -35px;
}
.tab-menu li.selected {
	background: url(../mochaui/tabs.png) repeat-x;
	background-position: left 0;
}
.tab-menu li a {
	display: block;
	margin-left: 8px;
	padding: 6px 15px 5px 9px;
	text-align: center;
	font-weight: normal;
	color: #181818;
	background: url(../mochaui/tabs.png) repeat-x;
	background-position: right -35px;	
}
.tab-menu li.selected a {
	color: #181818;
	font-weight: bold;	
	background: url(../mochaui/tabs.png) repeat-x;
	background-position: right 0;
}

/* Layout */
.iconWrapper {
	display: inline-block;
	height: 22px;
	min-width: 22px;
	overflow: hidden;
	border: 1px solid transparent;
}
* html .iconWrapper {padding: 1px;border: 0;}
.iconWrapper img {cursor: pointer;margin: 0;padding: 3px;}
.iconWrapper:hover {border: 1px solid #a0a0a0;-moz-border-radius: 3px;}

#spinnerWrapper {
    width: 16px;
    height: 16px;
    background: url(../spacer.gif) no-repeat;
    margin: 4px 5px 0 5px;
}
#spinner {
	display: none;
	background: url(../saving.gif) no-repeat;
	width: 16px;
	height: 16px;
}