/* topPanel related */

.panelefx {
	display: none;
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	z-index: 100;
	background-color: #c0c0c0;
	border-style: outset;
	border-color: #e0e0e0;
	overflow: hidden;
	white-space: nowrap;
	/* transparencies */
	opacity: 0.8;
	/* for IE */
	filter: alpha(opacity = 80);
	/* shadow effect */
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.panelefx:hover {
	opacity: 0.95;
	/* for IE */
	filter: alpha(opacity = 95);
	z-index: 200;
}

.panelefx h4 {
	font-size: 110%;
} 

.editbanner {
	display: none;
	margin: 0;
	padding: 0 2px 2px 2px;
	/* positioning */
	position:fixed;
	top:0;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	/* borders */
	border-width: 0 2px 2px 2px;
	/* round borders */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}

.editbanner h1 {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #eee;
	letter-spacing: 10px;
	margin:2px 0 2px 0;
	text-shadow: #111 1px 1px 3px;
	cursor: pointer;
	display: none;
}

.editbanner div#docinfo {
	background-color: #f0f0f0;
	border: 2px inset #f0f0f0;
}

.editbanner div#docinfo h4 {
	color: black;
	background: #ccc url(../icons/exp-right.png) 5px 50% no-repeat;
	margin: 1px 0 0 1px;
	padding: 2px 2px 2px 30px;
	text-indent: 0;
	cursor: pointer;
	font-weight: normal;
}

.editbanner div#docinfo h4 a {
	text-decoration: none;
	color: #03c;
}

.editbanner div#docinfo h4 a.tview {
	display: inline-block;
	width: 38.1em;
}

.editbanner div#docinfo h4.exp {
	background: #ccc url(../icons/exp-down.png) 5px 50% no-repeat;
}
.editbanner div#docinfo h4:hover {
	background-color: #aaa;
}

.editbanner div#docinfo dl {
	margin: 0;
/*	padding: 0 0 5px 5px;  */
	display: none;
}

.editbanner div#docinfo dl.tmp {
	margin-left: 5px;
	background-color: #E0E0E8;
}

.editbanner div#docinfo dl.tmp a.tview {
	width: 35.2em;
}

.editbanner div#docinfo dl.resList {
	margin: 0;
	padding: 0;
	display: block;
}

.editbanner div#docinfo dl.resList dd {
	display: none;
}

.editbanner div#docinfo dt {
	border-bottom: 1px solid #ccc;
	padding-left: 5pt;
}

/*
.editbanner div#docinfo dt:before {
	content: 'Template: ';
	font-weight: bold;
}
*/

.editbanner div#docinfo dt,
.editbanner div#docinfo dd {
	color: #000;
	padding-top: 2pt;
	padding-bottom: 2pt;
	line-height: 120%;
}

.editbanner div#docinfo dd b {
	background: url(../icons/doc-txt.png) 0px 50% no-repeat;
	padding-left: 16px;
}

.editbanner div#docinfo dt b {
	vertical-align: middle;
	display: inline-block;
	width: 7em;
	margin-left: 2px;
}

.editbanner div#docinfo dd.cdd b {
	background-image: url(../icons/doc-cdd.png);
}

.editbanner div#docinfo dd.qry b {
	background-image: url(../icons/doc-qry.png);
}

.editbanner div#docinfo dd.url b {
	background-image: url(../icons/doc-url.png);
}

.editbanner div#docinfo dt a,
.editbanner div#docinfo dd a {
	color: #03c;
	vertical-align: middle;
	text-decoration: none;
}
.editbanner div#docinfo dd {
	border-bottom: 1px solid #e0e0e0;
/*	padding-left: 16px;	*/
	margin-left: 5px;
}

.editbanner div#docinfo dd:hover,
.editbanner div#docinfo dd.active {
	background-color: #e0e0e0;
}

.editbanner div#docinfo dt a.tview,
.editbanner div#docinfo dd a.tview {
	display: inline-block;
	width: 30em;
}

.editbanner div#docinfo h4 a.eview,
.editbanner div#docinfo h4 a.eedit,
.editbanner div#docinfo h4 a.wedit {
	display: inline-block;
	padding: 2px 0 2px 16px;
	width: 6.5em;
	font-size: 9px;
	text-align: center;
	color: black;
	background-color: #ccc;
	border: 1px outset #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
}


.editbanner div#docinfo a.eview,
.editbanner div#docinfo a.eedit,
.editbanner div#docinfo a.wedit {
	display: inline-block;
	padding: 2px 0 2px 16px;
	width: 6.5em;
	font-size: 9px;
	text-align: center;
	color: black;
	background-color: #ccc;
	border: 1px outset #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.editbanner div#docinfo a.eview {
	background: #ccc url(../icons/view.png) 4px 50% no-repeat;
}

.editbanner div#docinfo a.eedit {
	background: #ccc url(../icons/edit.png) 4px 50% no-repeat;
}

.editbanner div#docinfo a.wedit {
	background: #ccc url(../icons/edit.png) 4px 50% no-repeat;
}

.editbanner div#docinfo a.eview:hover,
.editbanner div#docinfo a.eedit:hover,
.editbanner div#docinfo a.wedit:hover {
	background-color: #bbb;
	border: 1px inset #bbb;
	border-radius: 2px;
	-moz-border-radius: 2px;
}


.editbanner div#docinfo dd a {
	text-decoration: none;
}

.editbanner div#docinfo a {
	margin: 0 5px 0 5px;
	padding: 0 5px 0 5px;
}

.editbanner div#docinfo dd b {
	display: inline-block;
	width: 10em;
	margin-left: 2px;
}

/* sidePanel */

div.sidepanel {
	padding: 2px 30px 2px 0;
	/* positioning */
	position: fixed;
	left: 0px;
	top: 50%;
	margin-top: -200px;
	background: #c0c0c0 url(../icons/res.png) 100% 50% no-repeat;
	/* borders */
	border-width: 2px 2px 2px 0;
	/* border-radius: 5px; */
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}

/* just for testing */
div.sidepanel h1 {
	position: relative;
	top: 50%;
	left: 50%;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #eee;
	letter-spacing: 10px;
	text-shadow: #111 1px 1px 3px;
	cursor: pointer;
	-webkit-transform: rotate(270deg);	
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}

div.sidepanel div.resources{
	background-color: #f0f0f0;
	border: 2px inset #f0f0f0;
	width: 300px;
	margin: 0 0 0 -304px;
	padding: 0;
}

div.sidepanel div.resources .mbar{
	background-color: #c0c0c0;
	padding: 5pt 5pt;
	text-align: right;
	border-bottom: 1px solid #aaa;
	margin-bottom: 2px;
}

div.sidepanel div.resources .mbar a.button {
	/*padding: 1px 0 1px 0px; */
	font-size: 9px;
	text-align: center;
	text-decoration: none;
	color: black;

}

div.sidepanel div.resources dl {
	margin: 0;
	padding: 0 0 5px 5px;
}

div.sidepanel div.resources dt {
	border-bottom: 1px solid #ccc;
	background-color: #e0e0e8;
	padding-left: 5px;
}

div.sidepanel div.resources dt,
div.sidepanel div.resources dd {
	color: #000;
	padding: 1px 0 1px 5px;
	line-height: 200%;
}

div.sidepanel div.resources dt a,
div.sidepanel div.resources dd a {
	color: #03c;
	text-decoration: none;
	/* otherwise, it looks weird in FF... */
	vertical-align: middle;
}

div.sidepanel div.resources dd {
	border-bottom: 1px solid #e0e0e0;
/*	padding-left: 25px; */
	/* margin-left: 2em; */
}

div.sidepanel div.resources dd.cdd a.view {
	background-image: url(../icons/doc-cdd.png);
}

div.sidepanel div.resources dd.qry a.view {
	background-image: url(../icons/doc-qry.png);
}

div.sidepanel div.resources dd.url a.view {
	background-image: url(../icons/doc-url.png);
}

div.sidepanel div.resources dd:hover,
div.sidepanel div.resources dd.active {
	background-color: #e0e0e0;
}

div.sidepanel div.resources a.view {
	color: #03c;
	text-decoration: none;
	display: inline-block;
	width: 160px;
	overflow: hidden;
	white-space: nowrap;
	background: url(../icons/doc-txt.png) 0px 50% no-repeat;
	padding-left: 16px;
}

div.sidepanel div.resources a.eview,
div.sidepanel div.resources a.eedit,
div.sidepanel div.resources a.wedit {
	display: inline-block;
	/*padding: 1px 0 1px 0px; */
	width: 4em;
	font-size: 9px;
	text-align: center;
	text-decoration: none;
	color: black;
	background-color: #ccc;
	border: 1px outset #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
}
div.sidepanel div.resources a.eview:hover,
div.sidepanel div.resources a.eedit:hover,
div.sidepanel div.resources a.wedit:hover {
	border-style: inset;
	border-color: #bbb;
	background-color: #bbb;
}

div.sidepanelmenu{
	border: 1px solid #e0e0e0;
	background-color: #f0f0f0;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 200px;
	z-index: 200;
	font-size: 12px;
	display: none;
}

div.sidepanelmenu a {
	padding: 2px;
	color: #000;
	display: block;
	width: 100px;
	text-decoration: none;
}

div.sidepanelmenu a:hover {
	background-color: #c0c0c0;
}

/* declarations for the hierarchy */
.LElvl0{
	margin-left: 0px;
	background-position: 10px 50%;
}

.LElvl1{
	margin-left: 0px;
	border-left: 10px solid #ccc;
}

.LElvl2{
	margin-left: 0px;
	border-left: 15px solid #ecc;
}

.LElvl2 a.tview, .LElvl2 a.eview, .LElvl2 a.eedit, .LElvl2 a.wedit {
	position: relative;
	left: -5px;
}

.LElvl3{
	margin-left: 0px;
	border-left: 20px solid #cec;
}

.LElvl3 a.tview, .LElvl3 a.eview, .LElvl3 a.eedit, .LElvl3 a.wedit  {
	position: relative;
	left: -10px;
}

.LElvl4 {
	margin-left: 0px;
	border-left: 25px solid #cce;
}

.LElvl4 a.tview, .LElvl4 a.eview, .LElvl4 a.eedit, .LElvl4 a.wedit {
	position: relative;
	left: -15px;
}

.LElvl5{
	margin-left: 0px;
	border-left: 30px solid #eec;
}

.LElvl5 a.tview, .LElvl5 a.eview, .LElvl5 a.eedit, .LElvl5 a.wedit  {
	position: relative;
	left: -20px;
}

.LElvl6{
	margin-left: 0px;
	border-left: 35px solid #ece;
}

.LElvl6 a.tview, .LElvl6 a.eview, .LElvl6 a.eedit, .LElvl6 a.wedit  {
	position: relative;
	left: -25px;
}

.LElvl7{
	margin-left: 0px;
	border-left: 40px solid #cee;
}

.LElvl7 a.tview, .LElvl7 a.eview, .LElvl7 a.eedit, .LElvl7 a.wedit  {
	position: relative;
	left: -30px;
}

.editbanner a.eview {
	margin-left: 5em !important;
}

/* for disabling the WYSIWYG buttons
a.wedit {
	display: none !important;
}

.sidepanel a.eedit {
	margin-left: 4em !important;
}

.editbanner a.eview {
	margin-left: 10em !important;
}
 =========== */

/* also background-colors for the top panel...
.editbanner div#docinfo dt.LElvl1 { background-color: #ccc; }
.editbanner div#docinfo dt.LElvl2 { background-color: #ecc; }
.editbanner div#docinfo dt.LElvl3 { background-color: #cec; }
.editbanner div#docinfo dt.LElvl4 { background-color: #cce; }
.editbanner div#docinfo dt.LElvl5 { background-color: #eec; }
.editbanner div#docinfo dt.LElvl6 { background-color: #ece; }
.editbanner div#docinfo dt.LElvl7 { background-color: #cee; }
*/
/* name="composer_info" content="source:cms2;date:2013-05-15 17:46:06" */