body,html {  font-family:verdana,arial,sans-serif; }

CommonLoginContentHeader/* set the border of the whole page so it's correct for layout */
body {
	margin:0px;
	padding:0px;
}

/* the generic wcmsStyle */
.Wcms
{
	color:#444444;
	font-family: Verdana,arial,sans-serif;
	font-size:10pt;
}

.Wcms a:active,
.Wcms a:link,
.Wcms a:visited
{
 	color:#444444;
 	text-decoration:underline;
}
.Wcms a:hover
{
 	color:#777777;
 	text-decoration:underline;
}

/* also asp:Button */
.Wcms input[type=submit],
.Wcms input[type=button]
{
 	background-color:#BBBBBB;
 	border-color:#DDDDDD;
 	border-width:thin;
 	color:#444444;
}

.Wcms input[type=submit]:hover,
.Wcms input[type=button]:hover
{
 	cursor:pointer;
}

/* also asp:TextBox */
.Wcms input[type=text],
.Wcms input[type=password]
{
 	border-color:#DDDDDD;
 	color:#444444;
}

textarea
{
 	border-color:#DDDDDD;
 	color:#444444;
}

/* also asp:CheckBox,
	asp:RadioButton */
.Wcms input[type=checkbox],
.Wcms input[type=radio]
{
 	border-color:#DDDDDD;
 	color:#444444;
}

.Wcms input[type=checkbox]:hover,
.Wcms input[type=radio]:hover
{
 	cursor:pointer;
}

/* also asp:DropDownList (the font is set here again else the
	systemDefaultFont is used) */
.Wcms select,
.Wcms option
{
 	border-color:#DDDDDD; /* don't work in IE */
 	color:#444444;
 	font-size:10pt;
}

/* used for headlines */
.WcmsHeader
{
	font-size:9pt;
	font-weight:bold;
	padding-left:10px;
	/*margin:10px 0px 10px 10px;*/
}

/* for hints to the user (e.g. how to fill the control) */
.WcmsHint
{
 	color:#777777;
}

/* for small text (like additional hintText) */
.WcmsSmall
{
 	font-size:0.8em;
}

/* don't set visibility here because then the space is used for the control;
	use instead visible=false at the control */
.WcmsError
{
	color:red;
	font-weight:bold;
}

/* the images and imageButtons in galleries (borderGallery, modelGallery);
	use to declare space around images to seperate them from each other */
.WcmsGalleryImage
{
	border-color:White;
	border-style:solid;
	border-width:1px;
	margin:1px 1px 1px 1px;
	vertical-align:top;
}
.WcmsGalleryImage:hover
{
	border-style:ridge;
	border-width:1px;
	margin:1px 1px 1px 1px;
}

/* the style of the <hr> which seperates oneColumnModel form twoColumnModel, ... */
.WcmsGallerySeparator
{
	margin:3px 3px 3px 3px;
	/*visibility:hidden;*/
}

/* the style of the defaultTextBoxes in the editor (in motifEdit) if telerik isn't used */
.WcmsStoryContentTextBox
{
	border-width:1px;
	border-style:ridge;
	border-color:#b5123e;
	height:150px;
	width:300px;
}

/* the style of the <hr> which seperates the parts in the overview */
.WcmsOverviewSeparator
{
	margin:5px 3px 5px 3px;
}

/* the style for all previewImages (of the motif) */
.WcmsPreviewImage
{
	border-color:#EEEEEE;
	border-style:solid;
	border-width:6px;
}

/* the style for all previewImages (in case if we have a designed motif
	else we use the style 'WcmsPreviewImage') */
.WcmsPreviewImageDesignedMotif
{
	border-style:none;
	margin-bottom:20px;
}

/* the style for the frame in pictureGallery which contains the pictureElements
	in the my and common part */
.WcmsPictureGalleryMyPictureFrame,
.WcmsPictureGalleryCommonPictureFrame
{
	float:left;
	height:152px;
	margin:2px 2px 2px 2px;
	text-align:center;
	vertical-align:middle;
	width:152px;
}

/* the style for the pictures in the pictureGallery */
.WcmsPictureGalleryMyPicture,
.WcmsPictureGalleryCommonPicture
{
	/* the picture size is setted by javaScriptFunction: ResizePictures() */
	border-color:#EEEEEE;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
}
.WcmsPictureGalleryMyPicture:Hover,
.WcmsPictureGalleryCommonPicture:Hover
{
	/* the picture size is setted by javaScriptFunction: ResizePictures() */
	border-color:#DDDDDD;
	border-style:ridge;
	border-width:1px;
	cursor:pointer;
}

/* the control to upload an image */
.WcmsFileUploadCtrl,
/* the uploadButton for the uploadCtrl (make it to the same style as the uploadControl) */
.WcmsFileUploadButton
{
 	background-color:ButtonFace !important;
 	border-color:ButtonFace;
 	color:Black !important;
 	height:22px;
}
.WcmsFileUploadButton:Hover
{
 	cursor:default !important;
}

/* for the text which is shown over ads */
.WcmsAdHint
{
	font-size:8pt;
	text-align:right;
	text-decoration:none;
	margin-bottom: 0px !important;
}

/* the style for the wizardButtons (also for the left and rightButton */
.WcmsImageButtonActiveLink,
.WcmsImageButtonInactiveLink,
.WcmsImageButtonDisabled, 
.WcmsImageButtonActiveLink:hover
{
	border-color:White;
	border-style:solid;
	border-width:1px;
}


/* the style of the links in queryToolBars */
.WcmsQueryToolbarLinks
{
	margin:10px 10px 10px 5px;
}

/* the style of the contentCell in queryResults */
.WcmsQueryResultContentCell
{
}

/* the style of the toolbarCell in queryResults */
.WcmsQueryResultToolbarCell
{
}

/* the style of the separator in queryResults */
.WcmsQueryResultSeparator
{
	margin:5px 3px 5px 3px;
}

/* the style for the borders around the header of the wizard steps */
.WcmsContentHeader
{
	font-family:Verdana,Arial,sans-serif;
	font-weight:bold;
	background-color:#ccc; /*#004a7c;*/
	color:#004A7C;
	padding-left:10px;
	font-size:14px;
	line-height:28px;
	height:28px;
	margin-right:10px;
	
}

/* the style for the borders around the content of the wizard steps */
.WcmsContent
{
	/*border:solid 1px #666666;*/
	margin-left:10px;
	margin-right:10px;
	padding:10px;
}

/* the style for the borders around the header of the commonLoginCtrl */
.CommonLoginContentHeader
{
	background-color:#CCCCCC;
	color:#004A7C;
	border-bottom:none;
	font-family:Verdana, Arial !important;
	height:1.5em;
	line-height:1.5em;
	padding-left:5px;
}

.stt_loginButton { background-color:#004A7C; color:#fff; font-weight:bold; font-family:verdana,arial,sans-serif; }

/* the style for the borders around the content of the commonLoginCtrl */
.CommonLoginContent
{
	background-color:#f5f5f5;
	color:#000;
	font-family:Verdana, Arial !important;
	margin:10px 8px 0px 8px;
	padding:5px;
}

.CommonLoginContent input {
	border:1px solid #000;
}


/* the style of the anchor in the commonLoginCtrl */
.CommonLoginContent a
{
	/*color:White !important;*/
	font-size:0.7em;
}

/* css-elements for the topLevel of the etuListControl
   (the rest is like following descripted) */
.WcmsETULIstTopLevelRow /* the complete row */
{
	background-color:#dddddd;
	padding:3px;
}
.WcmsETULIstTopLevelDescriptorCell /* only the descriptorCell */
{
	width:100px;
}
.WcmsETULIstTopLevelInnerPartCell /* is this cell the following structre is created*/
{
}
.WcmsETULIstTopLevelSeperatorRow
{
	background-color:#ffffff;
	height:5px;
}

/* css-elements for the etuListControl
The scheme of the css (values in brackets are controls in the cells)
WcmsETUListRow/WcmsETUListRowHighlightedXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
X								  X							 X									 X							  X
X WcmsETUListSelectorCell X WcmsETUListImageCell X WcmsETUListSeparatorCell X WcmsETUListTextCell X
X  (WcmsETUListSelector)  X  (WcmsETUListImage)  X									 X							  X
X								  X							 X									 X							  X
WcmsETUListSeparatorRowXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
X																																  X
X																																  X
X																																  X
WcmsETUListRow/WcmsETUListRowHighlightedXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
X																																  X
X  . . .
*/
.WcmsETUListRow
{
	background-color:#eeeeee;
	/* set this back to default if we don't want selecting the entry by the complete row */
	cursor:pointer;
}
.WcmsETUListRowHighlighted /* if we want to markUp the selected rows */
{
	background-color:#ff9999;
	/* set this back to default if we don't want selecting the entry by the complete row */
	cursor:pointer;
}
.WcmsETUListSelectorCell
{
}
.WcmsETUListSelector
{
	padding:5px;
}
.WcmsETUListImageCell
{
}
.WcmsETUListImage
{
	border:solid 2px Black;
	margin:5px 10px 5px 5px;
}
.WcmsETUListSeparatorCell
{
}
.WcmsETUListTextCell
{
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
}
.WcmsETUListSeparatorRow
{
	height:5px;
}

/* the separator between the slogans in the shown sloganList */
.WcmsSloganSeparator
{
	margin:5px 3px 5px 3px;
}

/* the css for the table in motifWorkflow edit */
.MotifWorkflowEditStateCell,
.MotifWorkflowEditNameCell,
.MotifWorkflowEditDeadLineCell,
.MotifWorkflowEditCommentCell
{
	margin:2px;
}

/* the backgound if the modal popUp is shown (the nonPopUp region) */
.WcmsModalPopUpBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* style of the button in the modal pop where you can create a new eventPlace */
.WcmsModalPopUpButton
{
	background-color:#333333 !important;
	color:White !important;
	padding:2px 5px 2px 5px !important;
}

/* style of the maskedEditExtenders in editEventDates */
.EventsEditor_MaskedEditExtender_OnFocus
{
	background-color:Yellow;
}

/* style of the maskedEditExtenders in editEventDates in case of errors */
.EventsEditor_MaskedEditExtender_OnError
{
	background-color:Red;
}

/* the table in which the attachments are shown in the editEventMask */
.EventsEditor_AttachmentsListTable
{
	width:100%;
}
/* the rows in which the attachments are shown in the editEventMask */
.EventsEditor_AttachmentsListRow
{
	background:#dddddd;
}
.EventsEditor_AttachmentsListRow2
{
	background:#eeeeee;
}
/* the imageCell for the attachments which are shown in the editEventMask */
.EventsEditor_AttachmentsListImageCell
{
	height:150px;
	padding:3px 5px 3px 3px;
	padding-right:5px;
	vertical-align:middle;
	width:300px;
}
/* the decriptionCell for the attachments which are shown in the editEventMask */
.EventsEditor_AttachmentsListDescriptionCell
{
	vertical-align:middle;
}
/* the buttonCell for the attachments which are shown in the editEventMask */
.EventsEditor_AttachmentsListButtonsCell
{
	padding-left:5px;
	padding-right:3px;
	vertical-align:middle;
}