body {
    margin: 0;
    padding: 0;
    font-family: Trebuchet MS,Helvetica,sans-serif;
    font-size: 11px;
	height: 100%;
}

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
    margin: 0;
    padding: 0;
}

h1 { 	
}

a.editor_cancel {
	background-color:transparent;
	border:1px solid #F79700;
	font-family:Trebuchet MS,Helvetica,sans-serif;
	font-size:11px;
	margin:1pt;
	padding:1pt;
}



a img,:link img,:visited img {
    border: none;
}

a {
    text-decoration: none;
	color: black;
}

a:hover {
    text-decoration: underline;
	color: #f79700;
}

td {
  margin: 0;
  padding: 0;
  font-family: Trebuchet MS,Helvetica,sans-serif;
  font-size: 11px;
}

input, textarea {
	border: solid 1px #f79700;
	font-size: 11px;
    font-family: Trebuchet MS,Helvetica,sans-serif;
	background-color: transparent;
}

input[type="checkbox"], input[type="radio"] {
	border: 0;
}

select {
	border: solid 1px #f79700;
	font-size: 11px;
    font-family: Trebuchet MS,Helvetica,sans-serif;
	background-color: white; 
}

object {
	padding-right: 10px;
}

button, .fancyButton, .deleteButton {
	border: solid 1px #d7d7d7;
	background: url(../images/buttons/button.inactive.png) repeat-x;	
	height: 18px; 
	color: #868686;
	font-size: 8pt;
	font-family: Trebuchet MS;
}
button:hover, .fancyButton:hover {
	background: url(../images/buttons/button.active.png) repeat-x;
	color: #c67c00;
}

/* These are the hover classes, used by script.aculo.us while dragging */
.hover, .PageTabHover {
    background-color: #ffe5bd;
}

#pagetabs {
    background-color: #FFF;

}
.pageHeaderTable {
	z-index: 2;
}

/* GadgetTypes */
.GadgetType { padding: 3px; font-weight: bold; }
.GadgetTypeNote {
    font-size: 12px;
    padding: 5px;
    border: solid 1px #eee;
	background-color: white;
    line-height: 20px;
    width: 95%;
}

/* Miscellaneous */

#mainarea { margin-left: 10px; }
#pageIndicator { position: absolute; top: 3px; left: 3px; }

.tooltipHelp {
	border-bottom: dashed 1px black;
	cursor: help;
}

/*** BEGIN: Page ***/
#page {
	width: 100%;
	min-height: 500px;
}

	/*** BEGIN: Hacks for IE ***/

		/*** BEGIN: Hack for IE 5.5 - 6.x ***/
		* html .gadgetContainer {
			overflow: auto;
			height: 400px;
		}
		/*** END: Hack for IE 5.5 - 6.x ***/

		/*** BEGIN: Hack for IE 5.0 ***/
		html + body .gadgetContainer {
			overflow: auto;
			height: 400px;
		}
		/*** BEGIN: Hack for IE 5.0 ***/

	/*** END: Hacks for IE ***/

	#pageLogo {
		padding: 0 5px;
		margin: 5px 10px 0 0;
		background: url(../images/logo.jpg) no-repeat top right;
		width: 141px;
		height: 74px;
	}

/*** END: Page ***/

#greeting {
	position: absolute;
	top: 48px;
	right: 170px;
	text-align: right;
}


/*** BEGIN: Sidebar ***/

#sidebarTableCell {
	width: 200px;
	vertical-align: top;
	background: #f4f1e2 url(../images/sidebar/border.right.png) repeat-y right;
	padding: 0 10px;
}

#sidebar {
	width: 200px;
	height: auto;
	background: #f4f1e2;
}

#sidebarLoading {
	width: 180px;
	padding: 10px;
}

#sidebarLogo {
	float: left;
	margin-right: 10px;	
}
#sidebarHeader {
	margin-left: 5px;
	padding-top: 5px;
	height: 70px;
	font-weight: bold;
	font-size: 11pt;
}
#sidebarHeader a:link, #sidebarHeader a:visited {
	color: black;
	text-decoration: none;
}
#sidebarHeader a:hover {
	color: #f79700;
	text-decoration: none;
}

#sidebarRubrics {
	margin: 15px 0;
	height: 30px;
} 

.sidebarRubric {
	margin: 0 5px;
}

.sidebarRubricTooltip {
	border: solid 1px #d7d7d7;
	background-color: white;
	color: #ffab2a;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 10px;
	position: absolute;
	z-index: 1000;
	white-space: nowrap;
}

#sidebarBody {
	clear: both;
	padding-bottom: 10px;
}

#sidebarNilterButton {
	margin-bottom: 10px;
}
#sidebarNilterButton a:link, #sidebarNilterButton a:visited {
	color: black;
}

#sidebarBottom {
	height: 3px;
	width: 216px;
	background: white url(../images/sidebar/border.bottom.png) repeat-x;		
	position: absolute;
	top: 79px;
	left: 0px;
}

.sidebarNapp {
	margin-bottom: 10px;
	width: 193px;
}
.sidebarNappTitle {
	position: relative;
	top: 3px;
	left: auto;
}
.sidebarNappHeader {
	background: url(../images/sidebar/napps.header.png) no-repeat;
	color: #f79700;
	font-weight: bold;
	padding: 5px 6px 1px 7px;
	height: 20px;
	cursor: move;
	overflow: hidden;
}
.sidebarNappHeaderMinimized {
	border-bottom: solid 1px #d7d7d7;
}
.sidebarNappTasks {
	float: right;
	padding: 3px;
}
.sidebarNappBody {
	background: white;
	border: solid 1px #d7d7d7;
	border-top: none;
	padding: 5px 3px 5px 7px;	
}

.CategoryTitle {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    margin: 10px 0 5px 0;
}


#sidebar a, .myFeedSettings a {
	color: black;
	font-size: 11px;
	text-decoration: none;
}

#sidebar a:hover, .myFeedSettings a:hover {
	color: #f79700;
	text-decoration: none;
}

.sidebarLeft {
    background: white url(../images/sidebar/sidebar.shadow.left.png) repeat-y top left;
	width: 9px;
}

.sidebarRight {
    background: white url(../images/sidebar/sidebar.shadow.right.png) repeat-y top right;
	width: 9px;
}

.sidebarBottom {
    background: white url(../images/sidebar/sidebar.shadow.bottom.png) repeat-x left bottom;
}

.sidebarBottomLeft {
    table-layout: fixed;
    background: white url(../images/sidebar/sidebar.shadow.left.bottom.png) no-repeat top left;
	height: 9px;
	width: 9px;
}

.sidebarBottomRight {
    background: white url(../images/sidebar/sidebar.shadow.right.bottom.png) no-repeat top right;
}

.sidebarOpen {
	min-height: 500px;
	background: white url(../images/sidebar/logo.vertical.jpg) no-repeat bottom right;
}

.sidebarClosed {
	min-height: 0px;
	background: none;
}

.sidebarTasksOpen {
	background: none;
	font-size: 10pt;
}
.sidebarTasksClosed {
}

#sidebarContent {
	padding-left: 10px;
	padding-top: 5px;
}

#sidebarOpen, #sidebarClose {
    height: 25px;
    width: 20px;
    float: right;
}

#sidebarPreview {
	background-color: #eee;
	z-index: 200;
	padding: 0px;
	margin: 0px;
	width: 400px;
	height: 300px;
}

	/*** BEGIN: Gadgetcatalog ***/
		.Gadgetcatalog {
			line-height: 16px;
			margin-bottom: 3px;
			padding-bottom: 1px;
			vertical-align: middle;
			cursor: pointer;
		}
		.GadgetcatalogFavicon {
			margin-right: 8px;
			vertical-align: middle;
			width: 16px;
			height: 16px;
		}
		.GadgetcatalogCategoryBulletpoint {
			margin-right: 5px;
		}
		.GadgetcatalogCategoryLevel1 {
			margin: 0 0 5px 0;
		}
		.GadgetcatalogCategoryLevel2 {
			margin: 0 0 5px 10px;
		}
		.GadgetcatalogCategoryLevel3 {
			margin: 0 0 10px 10px;
		}
		.GadgetcatalogCategoryLevel4 {
			margin: 0 0 15px 10px;
		}
		.GadgetcatalogCategoryLevel5 {
			margin: 0 0 20px 10px;
		}
		.GadgetcatalogCategoryLevel6 {
			margin: 0 0 22px 10px;
		}
		.GadgetcatalogCategoryLevel7 {
			margin: 0 0 24px 10px;
		}
		.GadgetcatalogCategoryLevel8 {
			margin: 0 0 26px 10px;
		}
		.GadgetcatalogCategoryLevel9 {
			margin: 0 0 28px 10px;
		}
		.GadgetcatalogCategoryLevel10 {
			margin: 0 0 30px 10px;
		}
	/*** END: Gadgetcatalog ***/


/*** END: Sidebar ***/


/*** BEGIN: Title ***/
#titleOuter {
	text-align: center;
	vertical-align: middle;
	height: 30px;
}

#titleInput {
	text-align: center;
	color: #4f4f4f;
}

	/*** BEGIN: while out of focus ***/
	.title {
	    font-family: Trebuchet MS,Helvetica,sans-serif;
		font-weight: bold;
		font-size: 16px;
		border: solid 1px white;
		background-color: white;
		border-style: none;
		padding: 2px 5px;
	}
	.title:hover {
		background-color: #e4fdcf;
	}
	/*** END: while out of focus ***/

	/***BEGIN: while editing ***/
	.titleEditing {
	    font-family: Trebuchet MS,Helvetica,sans-serif;
		font-weight: bold;
		font-size: 16px;
		border: solid 1px #4f4f4f;
		background-color: #FFFFFF;
	}
	/***END: while editing ***/

/*** END: Title ***/


/*** BEGIN: Pagetab ***/
#pageTabList {
	height: 55px;
    padding: 0 5px;
	float: left;
	z-index: 9999;
}

.pagetab {
	float: left;
	margin-right: 5px;
}

.pagetabOuterActive, .pagetabOuterInactive {
	float: left;
}
.pagetabContainer, .pagetabContainerOrange, .pagetabContainerMagenta, .pagetabContainerBrown {
	margin-top: 3px;
	margin-right: 3px;
	height: 26px;
}
.pagetabInner, .pagetabInnerOrange, .pagetabInnerMagenta, .pagetabInnerBrown {
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 5px;
	height: 26px;
}
.pagetabOuterActive .pagetabContainer {
    background: url(../images/pagetab/background.active.jpg) no-repeat top left;
}
.pagetabOuterActive .pagetabInner {
    background: url(../images/pagetab/background.active.jpg) no-repeat top right;
}
.pagetabOuterInactive .pagetabContainer {
    background: url(../images/pagetab/background.inactive.jpg) no-repeat top left;
}
.pagetabOuterInactive .pagetabInner {
    background: url(../images/pagetab/background.inactive.jpg) no-repeat top right;
}

.pagetabOuterActive .pagetabContainerOrange {
    background: url(../images/pagetab/background.orange.active.jpg) no-repeat top left;
}
.pagetabOuterActive .pagetabInnerOrange {
    background: url(../images/pagetab/background.orange.active.jpg) no-repeat top right;
}
.pagetabOuterInactive .pagetabContainerOrange {
    background: url(../images/pagetab/background.orange.inactive.jpg) no-repeat top left;
}
.pagetabOuterInactive .pagetabInnerOrange {
    background: url(../images/pagetab/background.orange.inactive.jpg) no-repeat top right;
}

.pagetabOuterActive .pagetabContainerMagenta {
    background: url(../images/pagetab/background.magenta.active.jpg) no-repeat top left;
}
.pagetabOuterActive .pagetabInnerMagenta {
    background: url(../images/pagetab/background.magenta.active.jpg) no-repeat top right;
}
.pagetabOuterInactive .pagetabContainerMagenta {
    background: url(../images/pagetab/background.magenta.inactive.jpg) no-repeat top left;
}
.pagetabOuterInactive .pagetabInnerMagenta {
    background: url(../images/pagetab/background.magenta.inactive.jpg) no-repeat top right;
}

.pagetabOuterActive .pagetabContainerBrown {
    background: url(../images/pagetab/background.brown.active.jpg) no-repeat top left;
}
.pagetabOuterActive .pagetabInnerBrown {
    background: url(../images/pagetab/background.brown.active.jpg) no-repeat top right;
}
.pagetabOuterInactive .pagetabContainerBrown {
    background: url(../images/pagetab/background.brown.inactive.jpg) no-repeat top left;
}
.pagetabOuterInactive .pagetabInnerBrown {
    background: url(../images/pagetab/background.brown.inactive.jpg) no-repeat top right;
}

.pagetabTitle {
    font-family: Trebuchet MS,Helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	border: none;
	padding: 1px 0 0 6px;
	color: black;
	min-width: 20px;
	height: 16px;
	display: block;
	cursor: pointer;
}
.pagetabOuterActive .pagetabTitle {
	cursor: text;
}
.pagetabTitleEditing {
	font-size: 9pt;
	font-weight: bold;
	margin-left: 7px;
}
.pagetabFavicon {
	float: left;
	margin-top: 2px;
	margin-left: 3px;
	margin-right: -5px;
}
.pagetabIcons {
	padding-top: 2px;
	margin-right: 3px;
}
.pagetabSettings {
	border: solid 1px #f79700;
	background-color: white;
	position: absolute;
	width: 175px;
	height: 125px;
	margin: 5px 0 0 -1px;
	padding: 5px;
	z-index: 2000;
	white-space: normal;
}
.pagetabSettings p {
	color: black;
	z-index: 2001;
}

.pagetabSettings a {
    color: #000000;
    text-decoration: underline;
}

#activePagetab {
    font-size: 15px;
}

.pagetabSettings a:hover {
    color: #f79700;
    text-decoration: none;
}

#pageTabNew {
    height: 25px;
    float: left;
    padding: 5px 0 0 5px;
    width: 100px;
    color: black;
    font-size: 10pt;
	font-weight: bold;
}

#pageTabNew a:link, #pageTabNew a:visited {
    color: #000000;
    text-decoration: none;
}

#pageTabNew a:hover {
    color: #f79700;
    text-decoration: none;
}

.pagetabOuter {
	height: 100%;
	margin-left: 5px;
}
/*** END: Pagetab ***/


/*** BEGIN: GadgetContainer ***/
.gadgetContainer {
	float: left;
	min-height: 400px;
	margin: 0;
}
/*** END: GadgetContainer ***/


/*** BEGIN: Gadget ***/
.gadget {
	margin: 5px;
	font-size: 11px;
}

.gadgetTableOrange, .gadgetTableGreen, .gadgetTableMagenta, .gadgetTableBrown, .gadgetTableYellow, .gadgetTablePink {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}
.gadgetTableOrange th, .gadgetTableGreen th, .gadgetTableMagenta th, .gadgetTableBrown th, .gadgetTableYellow th, .gadgetTablePink th {
    table-layout: fixed;
    height: 25px;
}

.gadgetHeader {
	font-weight: bold;
	letter-spacing: 1px;
}
.gadgetTableOrange .gadgetHeader {
	background: url(../images/gadget/border/orange/top.png) repeat-x top left;
}
.gadgetTableGreen .gadgetHeader {
	background: url(../images/gadget/border/green/top.png) repeat-x top left;
}
.gadgetTableMagenta .gadgetHeader {
	background: url(../images/gadget/border/magenta/top.png) repeat-x top left;
}
.gadgetTableBrown .gadgetHeader {
	background: url(../images/gadget/border/brown/top.png) repeat-x top left;
}
.gadgetTableYellow .gadgetHeader {
	background: url(../images/gadget/border/yellow/top.png) repeat-x top left;
}
.gadgetTablePink .gadgetHeader {
	background: url(../images/gadget/border/pink/top.png) repeat-x top left;
}

.gadgetTableOrange .gadgetHeaderLeft {
	background: url(../images/gadget/border/orange/header.left.png) no-repeat top left;
}
.gadgetTableGreen .gadgetHeaderLeft {
	background: url(../images/gadget/border/green/header.left.png) no-repeat top left;
}
.gadgetTableMagenta .gadgetHeaderLeft {
	background: url(../images/gadget/border/magenta/header.left.png) no-repeat top left;
}
.gadgetTableBrown .gadgetHeaderLeft {
	background: url(../images/gadget/border/brown/header.left.png) no-repeat top left;
}
.gadgetTableYellow .gadgetHeaderLeft {
	background: url(../images/gadget/border/yellow/header.left.png) no-repeat top left;
}
.gadgetTablePink .gadgetHeaderLeft {
	background: url(../images/gadget/border/pink/header.left.png) no-repeat top left;
}

.gadgetTableOrange .gadgetHeaderRight {
	background: url(../images/gadget/border/orange/header.right.png) no-repeat top left;
}
.gadgetTableGreen .gadgetHeaderRight {
	background: url(../images/gadget/border/green/header.right.png) no-repeat top left;
}
.gadgetTableMagenta .gadgetHeaderRight {
	background: url(../images/gadget/border/magenta/header.right.png) no-repeat top left;
}
.gadgetTableBrown .gadgetHeaderRight {
	background: url(../images/gadget/border/brown/header.right.png) no-repeat top left;
}
.gadgetTableYellow .gadgetHeaderRight {
	background: url(../images/gadget/border/yellow/header.right.png) no-repeat top left;
}
.gadgetTablePink .gadgetHeaderRight {
	background: url(../images/gadget/border/pink/header.right.png) no-repeat top left;
}

.gadgetBorderLeft {
    vertical-align: bottom;
    background: url(../images/gadget/border/left.png) repeat-y top left;
}

.gadgetBorderRight {
    vertical-align: bottom;
    background: url(../images/gadget/border/right.png) repeat-y top right;
}

.gadgetBodyBG {
    padding-top: 5px;
}
.gadgetTableOrange .gadgetBodyBG {
    background: white url(../images/gadget/border/orange/body.png) repeat-x bottom left;
}
.gadgetTableGreen .gadgetBodyBG {
    background: white url(../images/gadget/border/green/body.png) repeat-x bottom left;
}
.gadgetTableMagenta .gadgetBodyBG {
    background: white url(../images/gadget/border/magenta/body.png) repeat-x bottom left;
}
.gadgetTableBrown .gadgetBodyBG {
    background: white url(../images/gadget/border/brown/body.png) repeat-x bottom left;
}
.gadgetTableYellow .gadgetBodyBG {
    background: white url(../images/gadget/border/yellow/body.png) repeat-x bottom left;
}
.gadgetTablePink .gadgetBodyBG {
    background: white url(../images/gadget/border/pink/body.png) repeat-x bottom left;
}

.gadgetBodyLeft {
    width: 100%;
    height: 40px;
}
.gadgetTableOrange .gadgetBodyLeft {
	background: url(../images/gadget/border/orange/body.left.png) no-repeat bottom left;
}
.gadgetTableGreen .gadgetBodyLeft {
	background: url(../images/gadget/border/green/body.left.png) no-repeat bottom left;
}
.gadgetTableMagenta .gadgetBodyLeft {
	background: url(../images/gadget/border/magenta/body.left.png) no-repeat bottom left;
}
.gadgetTableBrown .gadgetBodyLeft {
	background: url(../images/gadget/border/brown/body.left.png) no-repeat bottom left;
}
.gadgetTableYellow .gadgetBodyLeft {
	background: url(../images/gadget/border/yellow/body.left.png) no-repeat bottom left;
}
.gadgetTablePink .gadgetBodyLeft {
	background: url(../images/gadget/border/pink/body.left.png) no-repeat bottom left;
}

.gadgetBodyLeftMin {
    width: 100%;
    height: 5px;
}
.gadgetTableOrange .gadgetBodyLeftMin {
	background: url(../images/gadget/border/orange/body.left.png) no-repeat bottom left;
}
.gadgetTableGreen .gadgetBodyLeftMin {
	background: url(../images/gadget/border/green/body.left.png) no-repeat bottom left;
}
.gadgetTableMagenta .gadgetBodyLeftMin {
	background: url(../images/gadget/border/magenta/body.left.png) no-repeat bottom left;
}
.gadgetTableBrown .gadgetBodyLeftMin {
	background: url(../images/gadget/border/brown/body.left.png) no-repeat bottom left;
}
.gadgetTableYellow .gadgetBodyLeftMin {
	background: url(../images/gadget/border/yellow/body.left.png) no-repeat bottom left;
}
.gadgetTablePink .gadgetBodyLeftMin {
	background: url(../images/gadget/border/pink/body.left.png) no-repeat bottom left;
}

.gadgetBodyRight {
    width: 100%;
    height: 40px;
}
.gadgetTableOrange .gadgetBodyRight {
	background: url(../images/gadget/border/orange/body.right.png) no-repeat bottom left;
}
.gadgetTableGreen .gadgetBodyRight {
	background: url(../images/gadget/border/green/body.right.png) no-repeat bottom left;
}
.gadgetTableMagenta .gadgetBodyRight {
	background: url(../images/gadget/border/magenta/body.right.png) no-repeat bottom left;
}
.gadgetTableBrown .gadgetBodyRight {
	background: url(../images/gadget/border/brown/body.right.png) no-repeat bottom left;
}
.gadgetTableYellow .gadgetBodyRight {
	background: url(../images/gadget/border/yellow/body.right.png) no-repeat bottom left;
}
.gadgetTablePink .gadgetBodyRight {
	background: url(../images/gadget/border/pink/body.right.png) no-repeat bottom left;
}

.gadgetBodyRightMin {
    width: 100%;
    height: 5px;
}
.gadgetTableOrange .gadgetBodyRightMin {
	background: url(../images/gadget/border/orange/body.right.png) no-repeat bottom left;
}
.gadgetTableGreen .gadgetBodyRightMin {
	background: url(../images/gadget/border/green/body.right.png) no-repeat bottom left;
}
.gadgetTableMagenta .gadgetBodyRightMin {
	background: url(../images/gadget/border/magenta/body.right.png) no-repeat bottom left;
}
.gadgetTableBrown .gadgetBodyRightMin {
	background: url(../images/gadget/border/brown/body.right.png) no-repeat bottom left;
}
.gadgetTableYellow .gadgetBodyRightMin {
	background: url(../images/gadget/border/yellow/body.right.png) no-repeat bottom left;
}
.gadgetTablePink .gadgetBodyRightMin {
	background: url(../images/gadget/border/pink/body.right.png) no-repeat bottom left;
}

.gadgetBottom {
	table-layout: fixed;
    height: 10px;
}
.gadgetTableOrange .gadgetBottom {
	background: url(../images/gadget/border/orange/bottom.png) repeat-x bottom left;
}
.gadgetTableGreen .gadgetBottom {
	background: url(../images/gadget/border/green/bottom.png) repeat-x bottom left;
}
.gadgetTableMagenta .gadgetBottom {
	background: url(../images/gadget/border/magenta/bottom.png) repeat-x bottom left;
}
.gadgetTableBrown .gadgetBottom {
	background: url(../images/gadget/border/brown/bottom.png) repeat-x bottom left;
}
.gadgetTableYellow .gadgetBottom {
	background: url(../images/gadget/border/yellow/bottom.png) repeat-x bottom left;
}
.gadgetTablePink .gadgetBottom {
	background: url(../images/gadget/border/pink/bottom.png) repeat-x bottom left;
}

.gadgetTableOrange .gadgetBottomLeft {
	background: url(../images/gadget/border/orange/bottom.left.png) no-repeat bottom left;
}
.gadgetTableGreen .gadgetBottomLeft {
	background: url(../images/gadget/border/green/bottom.left.png) no-repeat bottom left;
}
.gadgetTableMagenta .gadgetBottomLeft {
	background: url(../images/gadget/border/magenta/bottom.left.png) no-repeat bottom left;
}
.gadgetTableBrown .gadgetBottomLeft {
	background: url(../images/gadget/border/brown/bottom.left.png) no-repeat bottom left;
}
.gadgetTableYellow .gadgetBottomLeft {
	background: url(../images/gadget/border/yellow/bottom.left.png) no-repeat bottom left;
}
.gadgetTablePink .gadgetBottomLeft {
	background: url(../images/gadget/border/pink/bottom.left.png) no-repeat bottom left;
}

.gadgetTableOrange .gadgetBottomRight {
	background: url(../images/gadget/border/orange/bottom.right.png) no-repeat bottom left;
}
.gadgetTableGreen .gadgetBottomRight {
	background: url(../images/gadget/border/green/bottom.right.png) no-repeat bottom left;
}
.gadgetTableMagenta .gadgetBottomRight {
	background: url(../images/gadget/border/magenta/bottom.right.png) no-repeat bottom left;
}
.gadgetTableBrown .gadgetBottomRight {
	background: url(../images/gadget/border/brown/bottom.right.png) no-repeat bottom left;
}
.gadgetTableYellow .gadgetBottomRight {
	background: url(../images/gadget/border/yellow/bottom.right.png) no-repeat bottom left;
}
.gadgetTablePink .gadgetBottomRight {
	background: url(../images/gadget/border/pink/bottom.right.png) no-repeat bottom left;
}

.gadgetVerbs {
	position: absolute;
	top: 0px;
	right: 10px;
	padding-top: 7px;
}
.gadgetTableOrange .gadgetVerbs {
	background: url(../images/gadget/border/orange/top.noshadow.png) repeat-x top left;
}
.gadgetTableGreen .gadgetVerbs {
	background: url(../images/gadget/border/green/top.noshadow.png) repeat-x top left;
}
.gadgetTableMagenta .gadgetVerbs {
	background: url(../images/gadget/border/magenta/top.noshadow.png) repeat-x top left;
}
.gadgetTableBrown .gadgetVerbs {
	background: url(../images/gadget/border/brown/top.noshadow.png) repeat-x top left;
}
.gadgetTableYellow .gadgetVerbs {
	background: url(../images/gadget/border/yellow/top.noshadow.png) repeat-x top left;
}
.gadgetTablePink .gadgetVerbs {
	background: url(../images/gadget/border/pink/top.noshadow.png) repeat-x top left;
}

.gadgetSettings {
    padding: 10px;
    padding-right: 0px;
	overflow: hidden;
}

.gadgetSettingsValue {
    padding-left: 5px;
    border: solid 1px ActiveBorder;
    margin-left: 20px;
	width: 80%;
}

.gadgetSettingsValueCheckbox {
    margin-right: 5px;
    border: solid 1px ActiveBorder;
    margin-left: 20px;

}

* html .gadgetSettingsValue			{ width: 40%; }
html + body .gadgetSettingsValue	{ width: 40%; }

.gadgetLoading {
	padding: 10px;
}

.gadgetPreview {
	width: 290px;
	height: 190px;
	overflow: auto;
}
.gadgetDraghandle {
	cursor: move;
	width: 100%;
	height: 17px;
	overflow: hidden;
	text-align: left;
/*	text-transform: uppercase; */
	font-size: 8pt;
	font-weight: bold;
    margin-top: 5px;
}
.gadgetFavicon {
	vertical-align: middle;
	margin-right: 2px;
	width: 16px;
	height: 16px;
    vertical-align: middle;
}

.gadgetPin {
	float: right;
	width: 100%;
	text-align: center;
	height: 20px;
	margin: -10px 0 -5px 0;
	background: url(../images/gadget/border/green/pin.png) no-repeat top center;
}
.gadgetNoPin {
	display: none;
}

    /*** BEGIN: FEED-Gadget ***/

    .GadgetFeedEntryWrapper {
        margin-bottom: 3px;
    }

    .GadgetFeedEntryBulletPoint {
        position: relative;
        top: 0px;
        left: 0px;
        width: 10px;
        height: 15px;
        float: left;
        z-index: 100;
    }

    .GadgetFeedEntry {
        position: relative;
        top: 0px;
        left: 0px;
        margin-left: 15px;
        min-height: 15px;
        z-index: 105;
    }

    .GadgetFeedEntry a {
        color: #000000;
        text-decoration: none;
    }

    .GadgetFeedEntry a:hover {
        color: #f79700;
        text-decoration: underline;
    }


    .GadgetFeedEntry a:visited {
    	color: #f79700;
    	text-decoration: none;
	}

	.feedTeaserLink, .feedTeaserVisited {
		display: block;
		width: 100%;
		margin: 0;
	}
	a.feedTeaserLink, a.feedTeaserLink:link, a.feedTeaserLink:hover, a.feedTeaserLink:active {
    	color: black;
	}
	a.feedTeaserVisited, a.feedTeaserVisited:link, a.feedTeaserVisited:hover, a.feedTeaserVisited:active, a.feedTeaserVisited:visited, a.feedTeaserLink:visited {
    	color: #f79700;
	}


    /*** END: FEED-Gadget ***/

    /*** BEGIN: FEED-INDIVIDUALISATOR-Gadget ***/

    .GadgetFeedIndividualisatorEntryWrapper, .GadgetClassifierEntryWrapper {
        margin-bottom: 3px;
    }

    .GadgetFeedIndividualisatorEntryBulletPoint, .GadgetClassifierEntryBulletPoint {
        width: 10px;
        height: 15px;
        float: left;
        z-index: 100;
    }

    .GadgetFeedIndividualisatorEntry, .GadgetClassifierEntry {
        margin-left: 20px;
        min-height: 15px;
        z-index: 105;
    }

    .GadgetFeedIndividualisatorEntry a {
        color: #000000;
        text-decoration: none;
    }

    .GadgetFeedIndividualisatorEntry a:hover {
        color: #f79700;
        text-decoration: underline;
    }

    .GadgetFeedIndividualisatorEntry a:visited {
    	color: #f79700;
    	text-decoration: none;
    }

    /*** END: FEED-Gadget ***/
/*** END: Gadget ***/



/*** BEGIN: NonGadget ***/
.Nongadget {
	border: solid 1px black;
	margin: 5px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.NongadgetHeader {
	border-bottom: solid 1px black;
	padding: 3px;
	color: white;
	background-color: darkgreen;
	font-weight: bold;
}

.NongadgetVerbs {
	position: absolute;
	top: 3px;
	right: 5px;
}

.NongadgetBody {
	padding: 3px;
	overflow: auto;
	overflow: -moz-scrollbars-horizontal;
	overflow-y: hidden;
}
/*** END: NonGadget ***/

.generalError {
	font-size: 12px;
	font-weight: bold;
    border: solid 1px #f8de08;
    background: #ff7 url(../images/body.error.gif) no-repeat top left;
	margin: 10px 0;
	padding: 0 10px 0 40px;
	width: 300px;
	min-height: 32px;
	height: auto;
}
.gadgetError {
	width: inherit;
	margin-bottom: 0px;
}

.backendSuccess {
	font-size: 12px;
	font-weight: bold;
    border: solid 1px #070;
    background: #01dc00 url(../images/body.success.gif) no-repeat top left;
	margin: 10px 0;
	padding-left: 40px;
	height: 35px;
	width: 300px;
}

#footer {
	color: gray;
	margin: 10px;
}
#footer a {
	color: gray;
}

.feedTeaser {
	z-index: 1500;
	width: 300px;
	background-color: lightyellow;
	border: solid 1px #deb887;
	font-size: 8pt;
	line-height: 10pt;
	display: none;
	position: absolute;
	padding: 3px;
}


/* SETTINGS START */

.settingsInput {
	width: 200px;
}

#settingsOuter {
	height: 500px;
}

#settingsOuter h1 {
	color: #f79700;
	margin-left: 120px;
	margin-bottom: 34px;
	font-size: 20px;
}

#settingsRefresh {
	position: absolute;
	top: 5px;
	right: 25px;
	width: 14px;
	height: 14px;
}

#settingsClose {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 14px;
	height: 14px;
}

#settingsLeft {
	float: left;
	height: 420px;
	width: 120px;
	border-right: solid 1px #f79700;
	padding: 0px;
}

#settingsLeft a {
	display: block;
	padding-right: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}
#settingsOuter a:link, #settingsOuter a:visited {
	color: black;
}
#settingsOuter a:active, #settingsOuter a:hover, #settingsOuter a:visited:hover {
	color: #f79700;
}

.settingsRight {
	background: url(../images/settings/gradient.jpg) repeat-x bottom;
	height: 440px;	
}

.settingsContent {
	padding: 5px;
	position: absolute;
	left: 125px;
	font-family: Trebuchet MS,Helvetica,sans-serif;
    font-size: 11px;
}

.settingsLogo{
	background: url(../images/transparent_logo.gif) no-repeat bottom;
	margin-right: 5px;
	width: 66px;
	height: 67px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* SETTINGS END */


#strength {
	background: url(../images/settings/strength.png) repeat-y;
	width: 80px;
	border: none;
    font-family: Trebuchet MS,Helvetica,sans-serif;
    font-size: 11px;
	color: #ddd;
}

#tourbox {
	width: 98%;
	background: white url(../images/tourbox/background.jpg) no-repeat top left;
	margin-left: 5px;
}
#tourboxInner {
	background: transparent url(../images/tourbox/background.jpg) no-repeat top right;
	margin-left: 10px;
}

#tourboxHeadline {
	height: 20px;
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 7px;
}
#tourboxClose {
	float: right;
	padding: 10px;
	padding-bottom: 0;
}
#tourboxContent {
	height: 100px;
	padding: 10px;
	padding-bottom: 0;
	overflow: hidden;
}
.tourboxPicture {
	float: left;
	margin-right: 10px;
}
#tourboxNavi {
	float: right;
	margin-right: 10px;
}
.tourboxDot {
	margin-bottom: 3px;
}

.feedLink:link, .feedLink:visited {
	color: black;
}
.feedLink:hover, .feedLink:active {
	color: #f79700;
	text-decoration: none;
}
.feedLeft {
	float: left;
}
.feedRight {
	float: right;
}

.myFeedSettings {
	border: solid 2px #f79700;
	background-color: white;
	position: absolute;
	width: 100px;
	height: 50px;
	padding: 5px;
	z-index: 2000;
	white-space: normal;
}

.myFeedSettings select {
    font-family: Trebuchet MS,Helvetica,sans-serif;
    font-size: 11px;
	color: #4f4f4f;
}
.myFeedMoveMenu {
	float: left;
	border-right: solid 1px black;
	margin-right: 5px;
	padding-right: 5px;
}


/* BEGIN Login */
.loginGradient{
	background: url(../images/login/gradient.jpg) repeat-x bottom;
	background-color: #FFFFFF;
	padding: 10px;
	height: 480px;
	width: 580px;
}

.loginLogo{
	background: url(../images/transparent_logo.gif) no-repeat bottom;
	margin-right: 5px;
	width: 66px;
	height: 67px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.loginBox {
	border-style: solid;
	border-width: 1px;
	border-color: #f79700;
	background-color: #FFFFFF;
	width: 200px;
}	
	
.loginLabel{
	color: #000000;
	background-color: #FFFFFF;
}

.loginHeadline{
	color: #f79700;
	margin-bottom: 10px;
}

#loginClose{
	height: 12px;
    width: 12px;
    float: right;
}
/* END Login */

/* BEGIN Signup */
.signupGradient{
	background: white url(../images/signup/gradient.jpg) repeat-x bottom;
	padding: 10px;
	height: 480px;
	width: 580px;
}

.signupLogo{
	background: url(../images/transparent_logo.gif) no-repeat bottom;
	margin-right: 5px;
	width: 66px;
	height: 67px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.signupBox{
	width: 208px;
	border: solid 1px #f79700;
}	

.signupDate select {
	border: solid 1px #f79700;
}	
		
.signupLabel{
	color: black;
	width: 128px;
}

.signupHeadline{
	color: #f79700;
	margin-bottom: 10px;
}

#signupClose{
	height: 12px;
    width: 12px;
    float: right;
}

/* END Signup */

/* START config popup */
.configGradient {
	background: url(../images/settings/gradient.jpg) repeat-x bottom;
	height: 500px;
	overflow: auto;
}

#configLogo{
	background: url(../images/transparent_logo.gif) no-repeat bottom;
	margin-right: 20px;
	width: 66px;
	height: 67px;
	position: absolute;
	bottom: 0;
	right: 0;
}
/* END config popup */

.taskUndone {
    text-decoration: none;
	color: black;
}
.taskDone {
	text-decoration: line-through;
	color: gray;
}

#pageHint {
	width: 150px;
	height: 100px;
	background-color: white;
	border: solid 2px #f79700;
	padding: 5px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 300;
}

a.teaser {
	color: #f79700;
	font-size: 10pt;
	text-transform: uppercase;
}
hr.teaserTopline {
	color: #f79700;
}
hr.teaserBottomline {
	color: #9d9d9d;
}
div.teaserDate {
	float: right;
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
}
div.teaserContent {
    min-height: 50px;
    max-height: 500px;
}
div.highslide-html-content img {
	margin: 5px;
	margin-left: 0;
}
div.highslide-html-content a {
	color: #f79700;
}
.addbutton {
	margin-top: 3px;
}

.pagetabEditHighlight {
	font-size: 9pt;
	font-weight: bold;
	color: #f79700;
}
.buttonNumber {
	border: none;
	height: 22px;
	width: 22px;
	color: #868686;
	font-size: 9pt;
	cursor: pointer;
	margin-right: 3px;	
}
.buttonNumberActive {
	background: url(../images/buttons/button.number.active.png) no-repeat;
	cursor: default;	
}
.buttonNumberInactive {
	background: url(../images/buttons/button.number.inactive.png) no-repeat;
}
.deleteButton {
	background: url(../images/buttons/button.delete.inactive.png) repeat-x;
	border-color: #c90000; 	
	color: white;
}
.deleteButton:hover {
	background: url(../images/buttons/button.delete.active.png) repeat-x;	
	border-color: #eb9500; 	
}

  ul#interest {
    width: 163px;
    margin: 0em; padding: 0em;
    margin-top: 2px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    opacity: 0.9;
  }

  ul#interest li {
    list-style: none;
    margin: 0em;
    border-top: 1px solid #cecece;
    padding: 0;
  }

  ul#interest a {
    display:block;
    padding: 0.2em;
    text-decoration: none;
    color: #000000; background-color: #fff4e2;
  }
  ul#interest a:hover {
    border-color: white;
    color: white; background-color: #f8a800;
  }
  
  
  ul#friends {
    width: 163px;
    margin: 0em; padding: 0em;
    margin-top: 2px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
  }

  ul#friends li {
    list-style: none;
    margin: 0em;
    border-top: 1px solid #cecece;
    padding: 0;
  }

  ul#friends a {
    display:block;
    padding: 0.2em;
    text-decoration: none;
    color: #000000; background-color: #fff4e2;
  }
  ul#friends a:hover {
    border-color: white;
    color: white; background-color: #f8a800;
  }
  
  input.nappsel {
    color: #cecece;
    width: 173px;
    margin-right: 6px;
  }
  
  #intlist {
    width: 169px;
    padding: 2px;
    margin-top: 8px;
    margin-bottom: 3px;
    border: solid 1px #cecece;
  }


  ul#groups {
    width: 163px;
    margin: 0em; padding: 0em;
    margin-top: 2px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    opacity: 0.9;
  }

  ul#groups li {
    list-style: none;
    margin: 0em;
    border-top: 1px solid #cecece;
    padding: 0;
  }

  ul#groups a {
    display:block;
    padding: 0.2em;
    text-decoration: none;
    color: #000000; background-color: #fff4e2;
  }
  ul#groups a:hover {
    border-color: white;
    color: white; background-color: #f8a800;
  }
  
    input.nappsel_klein {
    color: #cecece;
    width: 150px;
    margin-right: 6px;
    float: left;
  }
  
    #grouplist {
    width: 169px;
    padding: 2px;
    margin-top: 8px;
    margin-bottom: 3px;
    border: solid 1px #cecece;
  }

    #flistdiv {
    width: 169px;
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 3px;
    border: solid 1px #cecece;
  }
  
    #propbox {
    width: 169px;
    padding: 2px;
    margin-top: 4px;
    margin-bottom: 3px;
    border: solid 1px #cecece;
  }
img.star {
	margin: 0px 0px 0px 0px;
}  

div.auto_complete {
  z-index: 1005;
}