/* DATEI: ce_basic.css */



/* ------------- Community Area ------------------- */
div#contentContainer1 {opacity:.20;  mozopacity: .2; } 
/*body {
	background-image:url(../images/loader.gif); 
	background-repeat:no-repeat;
 	background-position:50% 300px;
 	}    
*/
div.user50 { width: 60px; height: 60px; overflow:hidden; float: left; margin: 0 10px 10px 0; }
div.user50 img { border: #fff 5px solid; }

div.communityContainer {}
div.communityContainer h2 {}
div.communityContainer .communityMainFunctions input { margin:2px; margin-top:0px; margin-bottom:15px; font-size:11px; padding:5px;}
div.communityContainer .markerFunctions {text-align:left; :1px; font-size: 11px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; margin-top:0px; margin-bottom:10px; background-color: #f7f7f7;}

div.communityBox { border-top: #ccc 1px solid;  padding: 15px; margin-bottom: 15px; }
div.communityInlineBox {  padding: 15px; margin-bottom: 15px; }
div.communityBox1 { border-bottom: #ccc 1px solid; padding: 8px; margin-bottom: 15px; }
div.communityBox2 { background-color: #f7f7f7; padding: 10px 15px 10px 15px;  margin-bottom: 15px; }
div.communityBox3 { padding: 0 15px 15px 15px;  margin-bottom: 15px; }
div.communityBox div.box5050left { width: 300px; float:left; }
div.communityBox div.box5050right { width: 300px; float: right; }
div.communityBox div.box5050left div.img, div.communityBox div.box5050right div.img  { width: 150px; float:left; }
div.communityBox div.box5050left div.text, div.communityBox div.box5050right div.text  { width: 135px; float: right; font-size: 11px; }
div.communityBox div.box5050left div.text h3, div.communityBox div.box5050right div.text h3 { margin:0 0 10px 0; font-weight: bold; }

div.publicgroup span.infos {font-size:11px; color:#999;}
div.publicgroup div.description {padding:2px; margin-top:3px; margin-left:23px;}
div.publicgroup span.title {font-weight:bold;}
div.publicgroup {padding-bottom:5px; border-bottom:#ccc 1px  solid;}

div#profiledetails  td {width:200px;}
div#profiledetails  td.title {font-weight:bold; width:80px;}

div.communityProfile  td {width:480px;}
div.communityProfile td.title {font-weight:bold; width:120px;}
div.communityProfile td input {width:470px;}
div.communityProfile td textarea {width:470px;}
div.communityProfile td select {width:470px;}
div.communityProfile td.saverow input{width:120px;}

div.communityContainer .ce_basic_groupdetailview_grouptitle { font-size:24px; color: #007ACC; }
div.communityContainer .ce_basic_groupdetailview_grouptitle span {font-size:12px;}

div.searchbox { position: relative; height: 22px; width: 620px; }
div.searchfield { position: absolute; top:0; left: 0; }
div.searchbutton { position: absolute; top:0; left: 252px; }
input.searchfield { border: #007ACC 1px solid; font-size: 11px; color: #000; height: 14px;  padding: 2px; width: 242px; }
input.searchbutton { background-color: #007ACC; border: #007ACC 1px solid; font-size: 11px; font-weight: bold; color: #fff; height: 20px;  }


div.communityProfile div.img { float: left; width: 200px; }
div.communityProfile div.text { float: right; width: 400px; }

div.user100 { position: relative; width: 116px; height: 161px; overflow:hidden; float: left; margin: 0 8px 8px 0; }
div.user100 div.img { width: 100px;  border: #ccc 1px solid; padding: 7px; background-color: #fff; }
div.user100 div.text { width: 100px;   text-align: center; height: 40px; padding: 5px 0 0 0; overflow:hidden; font-size: 11px; }
div.user100 div.corner { position: absolute;  top:2px; left:1px; height: 25px; width: 25px; overflow:hidden;  }


div.album100 { position: relative; width: 116px; height: 126px; overflow:hidden; float: left; margin: 0 8px 8px 0;}
div.album100 div.corner { position: absolute;  top:0; left:0; height: 15px; width: 15px; overflow:hidden;  }
div.album100 div.img {  width: 100px; text-align: center; border: #ccc 1px solid; padding: 7px; background-color: #fff; }
div.album100 div.text { width: 100px; text-align: center; height: 30px; padding: 5px 0 0 0; overflow:hidden; font-size: 11px; }

div.communityGuestbookEntry { font-size: 11px; margin-bottom: 10px; }
div.communityGuestbookEntry div.img { width: 60px; float:left; }
div.communityGuestbookEntry div.text { width: 210px; float: right; }
div.communityGuestbookEntry div.text p { margin:0;  }

div.groupoptions {width:280px; margin-top:10px; margin-bottom:10px; font-weight:bold; }
div.groupoptions select{width:250px; margin:10px; margin-top:0px;}

/* Size of the tabbed containers:; */
.dijitTabContainer {width:650px;height:500px; }

/* COMMUNITY ADDONS ***************************************/

#birthday_dropdown {background-color:#ffffff; border:1px solid #000000;}


/* Dijit Menu */
.dijitMenu {
	border: 1px solid #9b9b9b;
	margin: 0px;
	padding: 0px;
}

.dijitMenuItem{
	background-color: #f7f7f7;
	font: menu;
	margin: 0;
}

.dijitMenuItem TD {
	padding:2px;
}

.dijitMenuItemHover {
	background-color: #95a0b0; /* #555555; #aaaaaa; #646464;  #60a1ea; */
	color:#fff;
}

.dijitMenuItemIcon {
	width: 16px;
	height: 16px;
	padding-right: 3px;
}


.dijitMenuSeparator {
	background-color: #f7f7f7;
}

/* separator can be two pixels -- set border of either one to 0px to have only one */
.dijitMenuSeparatorTop {
	border-bottom: 1px solid #9b9b9b; /*97adcb; */
}

.dijitMenuSeparatorBottom {
	border-top: 1px solid #e8e8e8;
}

/* Dialog */

.dijitDialog {
	background: #eee;
	border: 1px solid #999;
	-webkit-box-shadow: 0px 3px 7px #adadad;
}

.dijitDialog .dijitTitlePaneTitle {
	border-top: none;
	border-left: none;
	border-right: none;
}

.dijitDialog .dijitTitlePaneContent {
	border: none;
}

.dijitDialogTitleBar {
	/* outer container for the titlebar of the dialog */
	background: #fafafa url("images/titleBarBg.gif") repeat-x bottom left;
	/* border: 1px solid #bfbfbf; */
	padding: 4px 8px 2px 4px;
	cursor: move;
}

.dijitDialogTitle {
	/* typography and styling of the dialog title */
	font-weight: bold;
	padding: 8px 12px 8px 12px;
}

.dijitDialogCloseIcon {
	/* the default close icon for the dialog */
	background : url("images/tabClose.png") no-repeat right top;
	float: right;
	position: absolute;
	vertical-align: middle;
	right: 5px;
	top: 5px;
	height: 22px;
	width: 22px;
	cursor: pointer;
}

.dijitDialogContent {
	/* the body of the dialog */
	padding: 8px;
}

/****
		dijit.Tooltip
 ****/

.dijitTooltip {
	position: absolute;
	z-index: 10;
	display: block;
	/* make visible but off screen */
	left: -10000px;
	top: -10000px;
	overflow: visible;
}
.dijitTooltipDialog {
	position: relative;
}
.dijitTooltipContainer {
	border: solid black 2px;
	background: #b8b5b5;
	color: black;
	font-size: small;
	padding: 2px 2px 2px 2px;
}


.dijitTooltipConnector {
	position: absolute;
}


/* Tabs */

.dijitTabPaneWrapper {
	/*
	overflow: hidden;
	*/
	background:#fff; 
	border-top:1px solid #ccc;
	padding-top:10px;
}

.dijitTab {
	line-height:normal;
	margin-right:5px;	/* space between one tab and the next in top/bottom mode */
	padding:0px;
	border:1px solid #ccc;
	background:#e2e2e2 url("images/tabEnabled.png") repeat-x;
}

.dijitAlignLeft .dijitTab,
.dijitAlignRight .dijitTab {
	margin-right:0px;
	margin-bottom:5px;	/* space between one tab and the next in left/right mode */
}

.dijitTabInnerDiv {
	padding:6px 10px 4px 10px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}

.dijitTabHover,
.dijitTabCloseButtonHover {
	color: #243C5F;
	border-top-color:#92a0b3;
	border-left-color:#92a0b3;
	border-right-color:#92a0b3;
	background:#e2e2e2 url("images/tabHover.png") repeat-x bottom;
}

.dj_ie6  .dijitTabHover,
.dj_ie6  .dijitTabCloseButtonHover {
	background-image: url("images/tabHover.gif"); 
}

 .dijitTabChecked,
 .dijitTabCloseButtonChecked
{
	/* the selected tab (with or without hover) */
	background-color:#fff;
	border-color: #ccc;
	background-image:none; 
}

/* make the active tab white on the side next to the content pane */
 .dijitAlignTop .dijitTabChecked,
 .dijitAlignTop .dijitTabCloseButtonChecked
{
	border-bottom-color:white;
	vertical-align:bottom;
}

 .dijitAlignBottom .dijitTabChecked,
 .dijitAlignBottom .dijitTabCloseButtonChecked
{
	border-top-color:white;
	-moz-border-radius:2px 2px 0px 0px;	/* eliminate some border detritrus on moz */
}

 .dijitAlignLeft .dijitTabChecked,
 .dijitAlignLeft .dijitTabCloseButtonChecked
{
	border-right-color:white;
}

 .dijitAlignRight .dijitTabChecked,
 .dijitAlignRight .dijitTabCloseButtonChecked
{
	border-left-color:white;
}