/* DEFAULT BEHAVIOUR FOR HTML TAGS					   */
/* =================================================== */

body {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px; 
	background-color: #FFFFCC;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	
	margin: 0px; 

	border-collapse: collapse; 
	border-style: none; 
}

td {
	padding: 0px;
	vertical-align: top; 
	text-align: left; 	
}

a, a:visited, a:active {
	color: blue; 	
}

a:hover {
	color: red;
}

div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;

	padding: 0px; 
	margin: 0px; 
	
	border-style: none; 	
}

img {
	border-style: none; 
}

/* MAIN ENVIRONMENT              					   */
/* =================================================== */

.MainTable {
	width: 750px; 
	height: 550px;
	
	border-style: solid; 
	border-width: 2px; 
	border-color: #888888;
}

.MainHeaderCell {
	height: 70px;
	
	background-color: #000066;  

	border-bottom-style: none; 
	border-bottom-color: #000066;
	border-bottom-width: 2px;
}

.MainLeftMenuCell  {
	width: 100px; 
	
	padding-top: 5px;
	text-align: center;
	 
	border-right-style: solid; 
	border-right-color: #888888; 
	border-right-width: 1px; 
	background-color: white; 
}

.MainRightMenuCell {
	border-style: none; 
	width: 0px; 
}

.MainDataCell {
	width: 650px; 
	
	padding: 5px;

	background-color: white; 
}

.MainFooterCell {
	height: 20px;
	
	background-color: threedface; 
	
	border-top-style: solid; 
	border-top-width: 1px; 
	border-top-color: #888888;
}

/* SPACERS                      					   */
/* =================================================== */

.Spacer {
	margin-bottom: 20px;
}

/* DATA STYLES, GRIDS, LISTS       					   */
/* =================================================== */

.DataCell, .AlternateDataCell, .SpacerCell, .HeaderCell {
	padding: 2px 10px 2px 10px;
	vertical-align: middle;
	
	border-bottom-width: 1px; 
	border-bottom-color: #888888;
	border-bottom-style: solid; 
}

.HeaderCell {
	font-weight: bold;
	
	text-align: center;
	
	background-color: #D3DCE3;
	
	border-bottom-width: 2px;
	border-bottom-color: #000000;
}

.DataCell {
	background-color: white;
}

.AlternateDataCell {
	background-color: threedface; 
}

.PagerCell {
	border-top-width: 2px; 
	border-top-color: black; 
	border-top-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: black;
	border-bottom-style: solid; 
}

.HTMLPager table {
	width: 100%;
}

.FirstPageCell, .PreviousPageCell, .SelectPageCell, 
.NextPageCell, .LastPageCell {
	vertical-align: middle; 
	padding: 3px;
	
	background-color: #D3DCE3;
}

.SelectPageCell {
	width: 100%;
	
	text-align: center;
	word-spacing: 5px;
	
	padding-left: 10px;
	padding-right: 10px;
}

.NextPageCell, .LastPageCell {
	text-align: right;
}

.HTMLDataGrid table, .HTMLList table {
	border-style: solid; 
	border-width: 1px 1px 0px 1px; 
	border-color: #000000;	
}

.PagerCell table {
	border-style: none; 	
}

/* FORM STYLES                   					   */
/* =================================================== */

.FormTable {
	background-color: threedface; 
	
	margin-bottom: 5px; 
	
	border-style: solid; 
	border-width: 1px; 
	border-color: #888888;
}

.FormHeaderCell {
	font-weight: bold;
	
	text-align: center;
	padding-top: 2px; 
	padding-bottom: 2px; 
	
	background-color: #D3DCE3;
	
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: black;
}

.FormLabelCell {
	vertical-align: middle; 
	
	padding-right: 5px;
	padding-left: 5px; 	
	padding-bottom: 2px; 
	padding-top: 2px;
}

.FormControlCell {
	padding-right: 5px;
	padding-left: 5px; 	
	padding-bottom: 2px; 
	padding-top: 2px; 
}


.MainLeftMenuCell .FormTable,
.MainRightMenuCell .FormTable {
	margin-left: 3px; 
	margin-right: 3px;
	
	background-color: white; 
	
	border-style: none; 
}

.MainLeftMenuCell .FormLabelCell, .MainLeftMenuCell .FormControlCell 
.MainRightMenuCell .FormLabelCell, .MainRightMenuCell .FormControlCell {
	width: 90px;
	padding: 0px 2px 2px 2px;
}

.MainLeftMenuCell .FormLabelCell,
.MainRightMenuCell .FormLabelCell {
	padding-bottom: 0px; 	
}

.MainLeftMenuCell .FormControlCell,
.MainRightMenuCell .FormControlCell {
	text-align: right;
}

.MainLeftMenuCell input, .MainLeftMenuCell select,
.MainRightMenuCell input, .MainRightMenuCell select {
	width: 90px;
}

/* MESSAGE STYLES                   				   */
/* =================================================== */

.HTMLMessage {
	margin-bottom: 10px;
}

.HTMLMessage table {
	border-width: 1px;
	border-style: solid;
	border-color: #888888;
}

.HTMLMessage .DataCell {
	padding: 2px;
}

.MainLeftMenuCell .HTMLMessage,
.MainRightMenuCell .HTMLMessage {
	margin-left: 2px;
	margin-right: 2px;
}

/* PLUGIN STYLES	                   				   */
/* =================================================== */

.PluginTable {
	width: 100%;
}

.PluginTitleCell {
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
}

.PluginHelpCell {
	text-align: right;
	vertical-align: middle;
	padding-bottom: 10px;
}

.PluginMainCell {
}

.PluginSubTable {
}

.PluginSubTable .PluginTitleCell {
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 10px
}

/* MENU STYLES	                   				   	   */
/* =================================================== */

.HorizontalMenu {
	margin-bottom: 5px; 
}

.HorizontalMenu td {
	padding-right: 10px;
}

.HorizontalMenu td img {
	margin-right: 4px;	
}

.HorizontalMenu a, .HorizontalMenu a:visited, .HorizontalMenu a:active {
	color: #000000;
}

.HorizontalMenu a:hover {
	color: #FF0000;
}

.HTMLMenu {
	width: 100%;
	
	margin-bottom: 5px;
}

.HTMLMenu a, .HTMLMenu a:visited {
   	color: black;
}

.HTMLMenu a:hover {
	color: red; 
}

.HTMLMenu .HTMLMenuHeader {
	font-weight: bold;
	
	padding-top: 2px; 
	padding-right: 3px; 
	vertical-align: middle;
	
	border-bottom-style: dashed; 
	border-bottom-width: 1px; 
	border-bottom-color: #888888;  
}

.HTMLMenu .HTMLMenuHeader img {
	margin-right: 2px;
}

.HTMLMenu .HTMLMenuItem, .HTMLMenu .HTMLMenuItemOver {
	cursor: hand; 
	padding-top: 2px; 
	padding-right: 3px; 
}

.HTMLMenu .HTMLMenuItem img, .HTMLMenu .HTMLMenuItemOver img {
	margin-right: 12px;
}

/* TREE STYLES	                   				   	   */
/* =================================================== */

.HTMLTree {
	margin: 0px 5px 5px 0px;
}

.HTMLTree img {
    margin-right: 5px;
    vertical-align: middle;
}

.HTMLTree .Node {
	margin-bottom: 2px;
}

.HTMLTree .Node a, .HTMLTree .Node a:visited {
	color: black; 
}

.HTMLTree .Node a:hover {
	color: red; 	
}

.HTMLTree .SelectedNode a, {
	color: red; 	
}

.HTMLTree .SelectedNode {
	font-weight: bold;
	
	margin-bottom: 2px;
}

.HTMLTree .NodeMenu {
	font-weight: normal; 
	
    margin-left: 5px;
}

.HTMLTree .NodeMenu a {
	margin-left: 3px;
    margin-right: 3px;
}

/* COMMON WIDGET STYLES            				   	   */
/* =================================================== */

.WidgetRenderError {
	font-weight: bold;
	
	color: red;
}

/* REPOSITORY CHOOSER WIDGET       				   	   */
/* =================================================== */

.RepositoryChooser .RepositoryCell {
	padding-top: 15px;
	padding-bottom: 5px;
}

.RepositoryChooser .QuotaCell {
	padding-top: 10px;
	
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #888888;
}

.RepositoryChooser .QuotaCell table {
	width: 100%;
	height: 20px;
}

.RepositoryChooser .QuotaCell .SpaceInfo {
	width: 100%;
	
	text-align: center;
	vertical-align: middle; 
	padding-top: 5px;
}

.RepositoryChooser .QuotaCell .FreeSpace {
	height: 20px;
	
	text-align: center;
	vertical-align: middle; 
	
	background-color: #22FFBB;
	
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
}

.RepositoryChooser .QuotaCell .UsedSpace {
	height: 20px;
	
	background-color: #F3686A;
	
	text-align: center;
	vertical-align: middle; 
	
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
}

/* FILE MANAGER PLUGIN          				   	   */
/* =================================================== */

.FileManagerTable {
}

.FileManagerTable .RepositoryChooserCell {
	padding-right: 10px;
}

.FileManagerTable .FileExplorerCell .GridView {
	border-style: solid; 
	border-width: 1px 1px 0px 1px; 
	border-color: #000000;	
}


.FileManagerTable .FileExplorerCell .ListView .SpacerCell,
.FileManagerTable .FileExplorerCell .ListView .DataCell, 
.FileManagerTable .FileExplorerCell .ListView .AlternateDataCell {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
	
	background-color: white;
	
	border-style: none; 
}

.FileManagerTable .FileExplorerCell .ListView img {
	margin-bottom: 7px;

	border-width: 1px;
	border-color: black;
	border-style: solid;
}

.FileManagerTable .FileExplorerCell .LockText {
	color: red;
	font-size: 8pt; 
}

.FileManagerTable .FileExplorerCell .ListView .ThumbnailText, 
.FileManagerTable .FileExplorerCell .ListView .IconMenu {
	margin-top: 0px;
	font-size: 8pt; 
}

.FileManagerTable .FileExplorerCell .ListView .SpacerCell,
.FileManagerTable .FileExplorerCell .ListView .PreviousPageCell,
.FileManagerTable .FileExplorerCell .ListView .FirstPageCell,
.FileManagerTable .FileExplorerCell .ListView .LastPageCell,
.FileManagerTable .FileExplorerCell .ListView .SelectPageCell,
.FileManagerTable .FileExplorerCell .ListView .NextPageCell {
	background-color: white;
}

.FileManagerTable .PagerCell {
	border-bottom-style: none; 	
}

/* SMALL PAGE MANAGER STYLES                           */
/* =================================================== */

.SmallPageManager .PageManagerTable {
}

.SmallPageManager .PageManagerTable .RepositoryChooserCell {
	padding-right: 10px;
}

.SmallPageManager .PageManagerTable .PageExplorerCell {
	padding-top: 2px;
}

.SmallPageManager .PageManagerTable .PageExplorerCell .LockText {
	color: red;
}

.SmallPageManager textarea {
 	width: 550px;
    height: 150px;
}

.SmallPageManager .TextInput {
 	width: 550px;
}

.SmallPageManager .HTMLEditor {
	padding: 3px;
}

.SmallPageManager .PreviewTitle {
	font-weight: bold; 
	font-size: 14pt;
	margin-bottom: 15px; 
}

.SmallPageManager .PreviewContent {
	margin-bottom: 15px; 
	
	border-width: 1px 1px 1px 1px; 
	border-color: #888888; 
	border-style: dashed;  
}

/* PAGE VIEWER STYLES                                  */
/* =================================================== */

.PageViewer {
	width: 100%; 
}


/* EDITOR STYLES		          				   	   */
/* =================================================== */

@import url("htmleditor.css");
/** this is for the editworks editor **/
.HTMLEditor {
	width: 550px; 
	height: 480px; 
}

/** mozilla workaround **/ 
.SmallEditor .AlternateEditor {
	width: 640px; 
	height: 200px; 
}

.Editor .AlternateEditor {
	width: 640px; 
	height: 480px; 
}


.AlternateEditorInfo {
	background-color: orange; 
	border-style: solid; 
	border-color: #888888;
	border-width: 1px; 
	font-size: 8pt; 	
}

/* PICTURE GALLERY STYLES  				   	   		   */
/* =================================================== */

.PictureGallery .PluginTable {
	width: 100%; 	
}

.PictureGallery .GalleryOverview {
}

.PictureGallery .GalleryOverview table {
	width: 100%;
}

.PictureGallery .FirstPageCell, .PictureGallery .PreviousPageCell,
.PictureGallery .NextPageCell, .PictureGallery .LastPageCell,
.PictureGallery .SelectPageCell {
	background-color: #FFFFCC;
}

.PictureGallery .GalleryOverview .DataCell, 
.PictureGallery .GalleryOverview .AlternateDataCell {
	padding-bottom: 15px;	
	padding-left: 0px;
	padding-right: 0px;  	
	
	background-color: #FFFFCC;
	
	border-style: none; 
}

.PictureGallery .GalleryOverview .AutoTeaserTitle {
	width: 100%;

	font-weight: bold; 
	
	border-bottom-style: solid; 
	border-bottom-color: #888888; 
	border-bottom-width: 1px;
}

.PictureGallery .GalleryOverview .AutoTeaserDescription {
	width: 100%;
	
	text-align: left; 
	padding-top: 3px;
}

.PictureGallery .GalleryOverview .AutoTeaserMenu {
	width: 100%;
	
	text-align: right; 
	vertical-align: bottom; 	
	padding-top: 3px;
}

.PictureGallery .GalleryOverview .CustomTeaserLeft {
	text-align: left; 
	vertical-align: top; 
	padding-right: 5px;
}

.PictureGallery .GalleryOverview .CustomTeaserRight {
	width: 100%;
}

.PictureGallery .GalleryOverview .CustomTeaserTitle {
	width: 100%;
	
	font-weight: bold; 
	
	border-bottom-style: solid; 
	border-bottom-color: #888888; 
	border-bottom-width: 1px;
}

.PictureGallery .GalleryOverview .CustomTeaserText {
	width: 100%;
	
	padding-top: 3px;
}

.PictureGallery .GalleryOverview .CustomTeaserMenu {
	width: 100%;
	
	text-align: right; 
	vertical-align: bottom; 	
	padding-top: 3px;
}

.PictureGallery .GalleryThumbnailList table,
.PictureGallery .GalleryPictureList table,
.PictureGallery .GalleryDetailedThumbnailList table {
	width: 100%;
}

.PictureGallery .GalleryThumbnailList .DataCell, 
.PictureGallery .GalleryThumbnailList .AlternateDataCell,
.PictureGallery .GalleryThumbnailList .SpacerCell {
	text-align: center; 
	vertical-align: middle; 
	padding-bottom: 10px; 

	background-color: #FFFFCC;
	
	border-style: none;  
}

.PictureGallery .GalleryThumbnailList .SpacerCell {
	width: 100%;	
}

.PictureGallery .GalleryPictureList .DataCell, 
.PictureGallery .GalleryPictureList .AlternateDataCell {
	background-color: #FFFFCC;
	
	padding-bottom: 10px;
	
	border-style: none; 
	
	text-align: center; 
	vertical-align: middle;  
}

.PictureGallery .GalleryDetailedThumbnailList .DataCell, 
.PictureGallery .GalleryDetailedThumbnailList .AlternateDataCell {
	background-color: #FFFFCC;
	
	padding-bottom: 10px;
	padding-left: 0px; 
	padding-right: 0px; 
	
	border-style: none;  
}

.PictureGallery .GalleryDetailedThumbnailList .ImageCell {
	text-align: left; 
	vertical-align: top; 
	padding-right: 5px;
}

.PictureGallery .GalleryDetailedThumbnailList .InfoCell {
	width: 100%; 
}

.PictureGallery .GalleryDetailedThumbnailList .ImageTitle {
	font-weight: bold; 
	
	border-bottom-width: 1px;
	border-bottom-style: solid; 
	border-bottom-color: #888888; 
}

.PictureGallery .GalleryDetailedThumbnailList .ImageInfo {
}

.PictureGallery .GalleryDetailedThumbnailList .ImageMenu {
	text-align: right; 	
}

.PictureGallery .GalleryDetailedThumbnailList .PagerCell,
.PictureGallery .GalleryThumbnailList .PagerCell,
.PictureGallery .GalleryPictureList .PagerCell {
	border-bottom-style: none; 
}

/* NEWSLETTER STYLES			   	   		   		   */
/* =================================================== */

.Newsletter .PluginTable {
	width: 100%;	
}

.Newsletter .NewsletterOverview table {
	width: 100%;	
}

.Newsletter .FirstPageCell, .Newsletter .PreviousPageCell,
.Newsletter .NextPageCell, .Newsletter .LastPageCell,
.Newsletter .SelectPageCell {
	background-color: white; 	
}

.Newsletter .NewsletterOverview .PagerCell {
	border-bottom-style: none; 	
}

.Newsletter .NewsletterOverview .DataCell, .Newsletter .NewsletterOverview .AlternateDataCell {
	background-color: white;
	
	padding-bottom: 15px;	
	padding-left: 0px;
	padding-right: 0px;  

	border-style: none; 
}

.Newsletter .AutoTeaserTitle {
	width: 100%;
	
	font-weight: bold; 
	
	border-bottom-style: solid; 
	border-bottom-color: #888888; 
	border-bottom-width: 1px,
}

.Newsletter .AutoTeaserDescription {
	width: 100%;
	
	text-align: left; 
	padding-top: 3px;
}

.Newsletter .AutoTeaserMenu {
	width: 100%;
	
	text-align: right; 
	vertical-align: bottom; 	
	padding-top: 3px;
}

.Newsletter .Description {
	margin-bottom: 15px;
	margin-top: 10px; 
}

.Newsletter .InstanceOverview table {
	width: 0px;
}

.Newsletter .InstanceOverview .HeaderCell {
	background-color: white; 
	text-align: left; 	
	border-top-color: #888888;
	border-top-width: 1px; 
	border-top-style: solid; 
	border-left-color: #888888;
	border-left-width: 1px; 
	border-left-style: solid; 
	border-right-color: #888888;
	border-right-width: 1px; 
	border-right-style: solid; 
}

.Newsletter .InstanceOverview .DataCell, .Newsletter .InstanceOverview .AlternateDataCell {
	border-left-color: #888888;
	border-left-width: 1px; 
	border-left-style: solid; 
	border-right-color: #888888;
	border-right-width: 1px; 
	border-right-style: solid; 	
}

.Newsletter .InstanceOverview .FirstPageCell {
	border-left-color: #888888;
	border-left-width: 1px; 
	border-left-style: solid; 
}

.Newsletter .InstanceOverview .LastPageCell {
	border-right-color: #888888;
	border-right-width: 1px; 
	border-right-style: solid; 	
}

.Newsletter .SubscriptionOptionTitle {
	font-weight: bold; 
	font-size: 11pt;
	padding-bottom: 5px; 
}

.Newsletter .SubscriptionOptionText {
	padding-bottom: 10px;
}

.Newsletter .SubscriptionOptionText table {
	margin-top: 5px;
	margin-bottom: 5px;
	border-style: solid; 
	border-width: 1px; 
	border-color: #888888; 
}

.Newsletter .SubscriptionOptionText table td {
	padding: 2px; 
	vertical-align: middle;
	font-align: left; 
	background-color: threedface; 
}

.Newsletter .SubscriptionOptionText table input {
	width: 150px;
}

/* GUESTBOOK					   	   		   		   */
/* =================================================== */

.PrivateGuestbookEntries {
	width: 100%;
}

.PrivateGuestbookEntries table {
	border-style: none; 	
	width: 100%;
}

.PrivateGuestbookEntries .EntryText {
	padding-bottom: 2px; 
	padding-top: 2px;
	text-align: left; 
}

.PrivateGuestbookEntries .EntryResponse {
	border-top-style: dashed; 
	border-top-color: #888888; 
	border-top-width: 1px; 
	padding-top: 2px;
	padding-bottom: 2px; 
	text-align: left; 
}

.PrivateGuestbookEntries .EntryInfo {
	padding-top: 8px; 
	padding-bottom: 2px;
	vertical-align: bottom; 
	text-align: left; 
}

.PrivateGuestbookEntries .EntryMenu {
	padding-top: 8px; 
	padding-bottom: 2px;
	word-spacing: 5px;
	text-align: right;
	vertical-align: bottom; 
}

.PublicGuestbookEntries {
	width: 100%;
}

.PublicGuestbookEntries table {
	border-style: none; 	
	width: 100%;
}

.PublicGuestbookEntries .EntryText {
	padding-bottom: 2px; 
	padding-top: 2px;
	text-align: left; 
}

.PublicGuestbookEntries .EntryResponse {
	border-top-style: dashed; 
	border-top-color: #888888; 
	border-top-width: 1px; 
	padding-top: 2px;
	padding-bottom: 2px; 
	text-align: left; 
}

.PublicGuestbookEntries .EntryInfo {
	padding-top: 8px; 
	padding-bottom: 2px;
	vertical-align: bottom; 
	text-align: left; 
}

.PublicGuestbookEntries .DataCell, .PublicGuestbookEntries .AlternateDataCell {
	background-color: #FFFFCC;
}

.PublicGuestbookEntries .Description {
	padding-bottom: 10px; 	
}

.Guestbook .FormControlCell input {
	width: 300px; 	
}

.Guestbook textarea {
	width: 300px; 
	height: 150px;
	font-family: Arial;  
}