BODY{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #678cac url('../img/bg_page.png');
	font-family: lucida sans, Arial, Verdana, Arial;
	color: #000000;
	font-size: 11px;
}

A:link,
A:hover,
A:visited,
A:active{
	color: #030080;
	text-decoration: none;
}

DIV{
	text-align: left;
}

/* ------------------------------------------------------------------- */

#masterFrame{
	/* ganze Seite mit zentrierter Ausrichtung für Positionierung des Layouts */
	margin: auto;
	margin-top: 0px;
	width: 965px;
	background: url('../img/bg_navig.png');
	background-repeat: repeat-y;
	position: relative;
	left: 5px;
}
#masterFrameSmall{
	/* ganze Seite mit zentrierter Ausrichtung für Positionierung des Layouts */
	margin: auto;
	margin-top: 0px;
	width: 550px;
	background: #ffffff;
}
#masterFrame.off{
	visibility: hidden;
	display: none;
}
#masterFrame.on{
	visibility: visible;
	display: block;
}

/* ------------------------------------------------------------------- */

#mainHeader{
	width: 985px;
	height: 130px;
	background: url('../img/bg_header.png');
	margin: 0 0 15px 0;
	padding: 0px;
	position: relative;
	top: 15px;
	left: -15px;
}
#mainHeader_content{
	height: 130px;
	margin: 0px;
	padding: 0 10px 0 0;
}
#mainHeader_contentLeft{
	float: left;
	width: 800px;	
	margin: 0 0 0 20px;
	padding: 15px 0 0 0;
}
*html #mainHeader_contentLeft{
	margin: 0 0 0 10px;
}
#mainHeader_contentLeft #logo{
	padding: 0 30px 0 0;
}
#mainHeader_contentRight{
	float: left;
	width: 150px;	
	margin: 0px;
	padding: 15px 0 0 0;	
	color: #eeeeee;
}
#mainHeader_contentRight A{
	text-decoration: underline;
	color: #eeeeee;
}
#mainHeader_contentRight P{
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}
#mainHeader_contentRight P.contentRight{
	text-align: right;
	margin: 0px;
	padding: 0px;
	line-height: 120%;
}

#mainHeaderSmall{
	width: 100%;
	height: 70px;
	background: url('../img/bg_headerSmall.png') no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 6px;
}

/* ------------------------------------------------------------------- */

#mainNavig{
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 160px;
	min-height: 400px;
}
*html #mainNavig{
	height: 400px;
}
#mainNavig A{
	color: #690000;
}
#mainNavig A:hover{
	color: #ffffff;
}
#mainNavig UL LI{
	list-style: none;
}
#mainNavig UL.level_0{
	margin: 0px;
	padding: 0px;
}
#mainNavig UL.level_0 LI{
	margin: 0px;
	padding: 0px;
}
#mainNavig UL.level_0 LI P{
	margin: 0px;
	padding: 4px 5px 4px 10px;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}
#mainNavig UL.level_1{
	margin: 0 0 20px 0px;
	padding: 5px 0 5px 0;
	background: url('../img/bg_navigSub.png');
	background-repeat: repeat;
}
#mainNavig UL.level_1 LI{
	margin: 0px;
	padding: 0px;
	border-bottom: none;
}
#mainNavig UL.level_1 LI P{
	margin: 0px;
	padding: 5px 5px 5px 20px;
	font-size: 11px;
	font-weight: bold;
}
#mainNavig UL.level_1 LI A{
	color: #000000;
}
#mainNavig UL.level_1 LI A:hover{
	color: #ffffff;
}
#mainNavig UL.level_2{
	margin: 0 0 10px 0px;
	padding: 5px 0 5px 0;
	background: url('../img/bg_navigSub.png');
	background-repeat: repeat;
}
#mainNavig UL.level_2 LI{
	margin: 0px;
	padding: 0px;
	border-bottom: none;
}
#mainNavig UL.level_2 LI P{
	margin: 0px;
	padding: 5px 5px 5px 30px;
	font-size: 10px;
	font-weight: bold;
}


/* ------------------------------------------------------------------- */

#contentArea{
	float: left;
	width: 795px;
	margin: 10px 0 0 10px;
	padding: 0 0 0 0px;	
	min-height: 400px;
}
#contentAreaHeader{
	height: 15px;
	background: url('../img/contentHeader.png') no-repeat;
	margin: 0px;
	padding: 0px;
}
#contentAreaLeft{
	background: url('../img/contentLeft.png') left repeat-y;
	margin: 0px;
	padding: 0 0 0 17px;
}
#contentAreaRight{
	background: url('../img/contentRight.png') right repeat-y;
	margin: 0px;
	padding: 0 17px 0 0;
}
#contentAreaMain{
	background: url('../img/bg_content.png');
	margin: 0px;
	padding: 0px;
}
#contentAreaFooter{
	height: 28px;
	background: url('../img/contentFooter.png') no-repeat;
	margin: 0px;
	padding: 0px;
}
#content{
	float:left;
	margin: 0px;
	padding: 10px 15px 30px 10px;
	width: 721px;
}

#content.showRightArea{
	width: 561px
}

#contentAreaSmall{
	float: left;
	width: 510px;
	margin: 0px 0px 0px 0px;
	padding: 20px;	
	min-height: 400px;
}
*html #contentArea{
	height: 400px;
}

/* ------------------------------------------------------------------- */

#pageAdd{
	float: left;
	width: 170px;
	min-height: 450px;
	margin: 10px 0px 20px 0px;
	padding: 0px;
	background: url('../img/rightAreaBody.png') repeat-y;
}
#pageAddHeader{
	margin: 0px;
	padding: 0px;
	height: 6px;
	background: url('../img/rightAreaHeader.png') no-repeat;
}
#pageAddFooter{
	margin: 0px;
	padding: 0px;
	height: 6px;
	background: url('../img/rightAreaFooter.png') no-repeat;
}
#pageAddBody{
	margin: 0px;
	padding: 5px 10px 10px 5px;
}
*html #pageAdd{
	height: 450px;
}
#pageAdd H5{
	margin: 5px 0 3px 0;
	padding: 0px;
	font-size: 12px;
	color: #690000;
}
#pageAdd DIV.contentUnit{
	margin: 0px 0px 0px 0px;
	padding: 10px 0 10px 5px;
	background: url('../img/rightAreaLine.png') 8px 0px no-repeat;
}
#pageAdd DIV.first{
	margin: 0px 0px 0px 0px;
	padding: 0px 0 10px 5px;
	background: none;
}
#pageAdd UL.ccUserList{
	margin: 10px 0px 0px 0px;
	padding: 0px 0 10px 0px;
	list-style: none;
}
#pageAdd UL.ccUserList LI{
	margin: 0px;
	padding: 0px;
	line-height: 170%;
	color: #90b0d0;
}
#pageAdd UL.ccUserList LI SPAN{
	color: #000000;
	font-size: 11px;
}
#pageAdd UL.ccUserList LI IMG{
	vertical-align: -2px;
}
#pageAdd UL.ccUserList LI DIV{
	float: right;
}
#pageAdd UL.ccUserList LI DIV IMG{
	margin: 4px 0 0 0;
}
#pageAdd SPAN{
	font-size: 10px;
}

#newNewsletter{
	font-size: 11px;
	padding: 2px;
	/padding: 1px;
	margin: 0 0 2px 0;
	width: 140px;
	color: #000000;
}

#newNewsletterButton{
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	width: 149px;
	color: #000000;
}

#imagePreview IMG{
	width: 40px;
}
#imagePreview P{
	float: left;
	margin: 0 3px 3px 0;
	border: 1px solid black;
	width: 40px;
	height: 27px;
	overflow:hidden;
}

/* ------------------------------------------------------------------- */

#mainFooter{
	clear: left;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	text-align: center;
	background: url('../img/footerLine.png') 5px 0 no-repeat;
}
#mainFooter A{
	color: #888888;
	text-decoration: underline;
}

/* ------------------------------------------------------------------- */

#statistic{
	margin: 0px;
	padding: 0px;
	height: 0px;
	display: none;
	visibility: hidden;
}

#control{
	margin: 0px;
	padding: 0px;
	height: 0px;
	display: none;
	visibility: hidden;
}

#userInfoJS{
	/* ganze Seite mit zentrierter Ausrichtung für Positionierung des Layouts */
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 960px;
	background: #f5f5f5;
	border: 2px solid red;
	padding: 10px;
	font-size: 12px;
}
.userInfoJS_small{
	margin: 5px !important;
	padding: 5px !important;
	background: #f5f5f5 !important;
	border: 2px solid red !important;
	font-size: 10px !important;
	line-height: 120% !important;
	color: black !important;
	font-weight: normal !important;
}

#userInfo UL{
	margin: 10px 0 20px 40px;
	padding: 0px;
}


/*---------------------------------------------------------------------------------*/
/* default cmsContainer layout */
/*---------------------------------------------------------------------------------*/

.cmsContainer H1 P{
	padding: 5px 0 0 0;
	color: #777777;
	font-weight: normal;
	font-size: 12px;
}
.cmsContainer H1 .group A{
	color: #777777;
	font-weight: normal;
	font-size: 12px;
}


/*---------------------------------------------------------------------------------*/
/* default record layout */
/*---------------------------------------------------------------------------------*/

.cmsContainer .recordList{
	margin: 0 0 30px 0;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #777777;
}
.cmsContainer .recordList LI{	
	border-top: 1px solid #eeeeee;
	margin: 0px;
	padding: 0px 0px 0 10px;
}
.cmsContainer .recordList LI.header{
	border-top: none;
	font-weight: bold;
	color: #ffffff;
	background: #769dc0;
	padding: 1px 0px 0px 10px;
}
.cmsContainer .recordList LI.header A{
	text-decoration: underline;
	color: #ffffff;
}
.cmsContainer .recordList LI.first{
	border-top: 1px solid #777777;
}
.cmsContainer .record{
	clear: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 22px;
	/height: 20px;
}
.cmsContainer .record LI{
	margin: 2px 0 0 0;
	padding: 0px;
	float: left;
	border-top: none;
	font-size: 11px;
}
.cmsContainer .record LI A{
	font-weight: bold;
}

/*---------------------------------------------------------------------------------*/
/* subnavig */

.cmsContainer UL.contentSubnavig{
	margin: 0 0 20px 0;
	padding: 0 1px 0 1px;
	border-bottom: 1px solid #d0e1f1;
	border-top: 1px solid #d0e1f1;
	background: #769dc0;
	height: 24px;
	height /*\**/: 23px\9;
}
.cmsContainer UL.contentSubnavig LI{
	margin: 0px;
	padding: 2px 20px 2px 20px;
	float: left;
	font-weight: bold;
	color: #dddddd;
	list-style: none;
}
.cmsContainer UL.contentSubnavig LI:hover{
	background: #ffffff;
	cursor: pointer;
	color: #000000;
}
.cmsContainer UL.contentSubnavig LI.off,
.cmsContainer UL.contentSubnavig LI.off:hover{
	background: #769dc0;
	font-weight: normal;
	color: #dddddd;
}
.cmsContainer UL.contentSubnavig LI.off2,
.cmsContainer UL.contentSubnavig LI.off2:hover{
	background: #769dc0;
	font-weight: bold;
	color: #000000;
	cursor: default;
}

/*---------------------------------------------------------------------------------*/
/* freizeit list layout */

.cmsContainer .freizeitList LI.over,
.cmsContainer .freizeitList LI.over A{
	color: #777777;
}
.cmsContainer .freizeitList .record LI.eventTitle{
	width: 300px;
}
.cmsContainer .freizeitList .record LI.eventLocation{
	width: 100px;
}
.cmsContainer .freizeitList .record LI.eventDate{
	width: 100px;
}
.cmsContainer .freizeitList .record LI.eventAge{
	width: 45px;
}
.cmsContainer .freizeitList .record LI SPAN{
	color: red;
	font-weight: bold;
}


.cmsContainer .freizeitListPray LI.over,
.cmsContainer .freizeitListPray LI.over A{
	color: #777777;
}
.cmsContainer .freizeitListPray .record LI.eventTitle{
	width: 320px;
}
.cmsContainer .freizeitListPray .record LI.eventLocation{
	width: 120px;
}
.cmsContainer .freizeitListPray .record LI.eventDate{
	width: 170px;
}
.cmsContainer .freizeitListPray .record LI.eventAge{
	width: 45px;
}
.cmsContainer .freizeitListPray .record LI SPAN{
	color: red;
	font-weight: bold;
}

/*---------------------------------------------------------------------------------*/
/* galleries list layout */

.cmsContainer .galleryList LI.over,
.cmsContainer .galleryList LI.over A{
	color: #777777;
}
.cmsContainer .galleryList .record LI.title{
	width: 470px;
}
.cmsContainer .galleryList .record LI.statistic{
	width: 70px;
	text-align: right;
}


/*---------------------------------------------------------------------------------*/
/* all events list layout */

.cmsContainer .eventsAll LI{
	padding: 0 0 8px 10px;
}
.cmsContainer .eventsAll .record{
	clear: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 16px;
}
.cmsContainer .eventsAll LI.header UL{
	height: 40px;
}
.cmsContainer .eventsAll LI.over,
.cmsContainer .eventsAll LI.over A{
	color: #777777;
}
.cmsContainer .eventsAll .record LI{
	padding: 0px;
}
.cmsContainer .eventsAll .record LI.eventDistance{
	width: 80px;
}
.cmsContainer .eventsAll .record LI.d1{
	font-weight: bold;
}
.cmsContainer .eventsAll .record LI.d2{
	
}
.cmsContainer .eventsAll .record LI.d3{
	color: #888888;
}
.cmsContainer .eventsAll .record LI.eventTitle{
	width: 350px;
}
.cmsContainer .eventsAll .record LI.eventTitleDistance{
	width: 270px;
}
.cmsContainer .eventsAll .record LI.eventLocation{
	width: 550px;
}
.cmsContainer .eventsAll .record LI.eventLocationDistance{
	width: 470px;
	padding: 0 0 0 80px;
}
.cmsContainer .eventsAll .record LI.eventDate{
	width: 150px;
}
.cmsContainer .eventsAll .record LI.eventAge{
	width: 50px;
}
.cmsContainer .eventsAll .record LI SPAN{
	color: red;
	font-weight: bold;
}


/*---------------------------------------------------------------------------------*/
/* default form output */
/*---------------------------------------------------------------------------------*/

.cmsContainer UL.outForm{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.cmsContainer UL.outForm LI{
	
	padding: 0px;
	padding: 0px;
}
.cmsContainer UL.outForm LI P{
	margin: 0px;
	padding: 0px;
}
.cmsContainer UL.outForm LI DIV.param{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}
.cmsContainer UL.outForm LI DIV.value{
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}
.cmsContainer UL.outForm LI DIV.value IMG{
	position: relative;
	top: 1px;
}
.cmsContainer UL.outForm LI DIV.param IMG#promiguardIcon{
	position: relative;
	top: 4px;	
}

/*---------------------------------------------------------------------------------*/
/* freizeit detail layout */
/*---------------------------------------------------------------------------------*/

.cmsContainer UL.freizeitInfo{
	margin: 20px 0 0 0;
	width: 250px;
}
.cmsContainer .fzDetailContent{
	float: right;
	width: 280px;
	margin: 0 0 20px 0px;
	font-size: 12px;
	line-height: 150%;
}
.cmsContainer .eventStatusFree{
	color: green;
	font-weight: bold;
}
.cmsContainer .eventStatusOver{
	color: red;
	font-weight: bold;
}


/*---------------------------------------------------------------------------------*/
/* event detail layout */
/*---------------------------------------------------------------------------------*/

.cmsContainer UL.eventInfo{
	margin: 20px 0 0 0;
	
}
.cmsContainer .eventDetailImage{
	float: right;
	margin: 0 0 20px 20px;
}
.cmsContainer .eventDetailContent{
	
	margin: 0 0 20px 0px;
	font-size: 12px;
	line-height: 150%;
}


/*---------------------------------------------------------------------------------*/
/* mail service layout */
/*---------------------------------------------------------------------------------*/

.mailService .email{
	width: 300px;
}
.mailService .subject{
	width: 500px;
}
.mailService .message{
	width: 500px;
	height: 200px;
}
.mailService .elementFooter{
	margin: 3px 55px 0 0;
}
.mailService .rightInfo{
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	color: #777777;
	height: 20px;
	text-align: right;
}
.mailService .error{
	margin: 0px;
	padding: 0px;
	color: red;
	font-weight: bold;
}

/*---------------------------------------------------------------------------------*/
/* event search form */
/*---------------------------------------------------------------------------------*/

UL.eventSearchForm{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
UL.eventSearchForm LI{
	clear: left;
	padding: 0px;
	padding: 0px;
	font-size: 11px;
}
UL.eventSearchForm LI.notActive{
	color: silver;
}
UL.eventSearchForm LI P{
	margin: 0px;
	padding: 0px;
}
UL.eventSearchForm LI DIV.param{
	float: left;
	padding: 0px;
	margin: 1px 0 0 0;
	width: 130px;
}
UL.eventSearchForm LI DIV.value{
	float: left;
	padding: 0px;
	margin: 0 0 10px 0;
	width: 400px;
}
UL.eventSearchForm LI.header{
	margin: 0 0 40px 0;
}
UL.eventSearchForm LI.header DIV{
	float: right;
	padding: 0px;
	margin: 0 0 10px 0;
	width: 650px;
	position: relative;
	top: 0px;
}

/*---------------------------------------------------------------------------------*/
/* event search control */
/*---------------------------------------------------------------------------------*/

#searchControl{
	margin: 20px 0 20px 0;
	padding: 0px;
	border: 1px solid #90b0d0;
	background: #bdd0e2;
	font-size: 11px;
}
#searchControlArea{
	margin: 5px;
	padding: 0px;
}
#searchControlOptionsLink{
	margin: 0px;
	padding: 2px 0 2px 5px;
	border-top: 1px solid #90b0d0;
	border-bottom: 1px solid #90b0d0;
}
#searchControlOptions{
	margin: 0px;
	padding: 10px 10px 0 10px;
	background: #ffffff;
}
#searchControlButtons{
	margin: 0px;
	padding: 5px;
	text-align: center;
}

/*---------------------------------------------------------------------------------*/
/* small community login */
/*---------------------------------------------------------------------------------*/

#scl{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
#scl .inputField{
	font-size: 11px;
	padding: 1px;
	/padding: 0px;
	margin: 0 0 3px 0;
	/margin: 0px;
	width: 103px;
	border: none;
	color: #000000;
}
#scl .off{
	color: #aaaaaa;
}
#sclSubmit{
	float: right;
	margin: 1px 0 0 5px;
	/margin: 4px 0 0 5px;
}
#scl .remember{
	padding: 0px;
	margin: 0 5px 0 0;
	/margin: 0px;
	border: none;
	vertical-align: -3px;
}
#scl P{
	margin: 4px 0 0 0px;
	padding: 0px;
	text-align: left;
}

#sclLogoutLink{
	font-size: 9px;
	color: #777777;
}
#scl .error{
	background: #eeeeee;
	padding: 7px;
	margin: 0px;
	width: 80px;
	position: relative;
	top: -103px;
	left: -100px;
	border: 1px solid black;
}


/* --- cc user form ----------------------------------------------------------------- */

.ccUserForm H4{
	font-size: 12px;
	color: #666666;
	padding: 0 0 5px 10px;;
	margin: 30px 0 10px 0;
	border-bottom: 1px solid #666666;
}
.ccUserForm UL{
	list-style: none;
	padding: 0px;
	margin: 0 0 0px 0;
}
.ccUserForm UL LI{
	clear: left;
	padding: 0px;
	padding: 0px;
}
.ccUserForm UL LI DIV{
	margin: 0px;
	padding: 0px;
}
.ccUserForm UL LI DIV.param{
	float: left;
	width: 140px;
	min-height: 25px;
	margin: 0px;
	padding: 2px 20px 0 0;
	font-size: 12px;
	text-align: right;
}
*html .ccUserForm UL LI DIV.param{
	height: 25px;
}
.ccUserForm UL LI DIV.param SPAN{
	font-size: 10px;
}
.ccUserForm UL LI DIV.value{
	float: left;
	width: 400px;	
	min-height: 25px;
	margin: 0px;
	padding: 0 0 5px 0;
	font-size: 12px;
}
*html .ccUserForm UL LI DIV.value{
	height: 25px;
}
.ccUserForm UL LI DIV.value P{
	margin: 0px;
	padding: 2px 0 0 0;
	/padding: 3px 0 0 0;
	font-size: 12px;
}
.ccUserForm UL LI DIV.value TEXTAREA{
	width: 394px;
	height: 150px;
	margin: 0px;
	font-family: Verdana, Helvetica, Arial, Tahoma;
	font-size: 12px;	
}
.ccUserForm P.formInfo{
	margin: 0 0 5px 0;
	padding: 0px;
	font-size: 9px;
	color: #666666;
}
.ccUserForm .error{
	margin: 15px 0 20px 0;
	padding: 10px;
	border: 1px solid red;
}
.ccUserForm .info{
	margin: 15px 0 20px 0;
	padding: 10px;
	border: 1px solid green;
	color: green;
	font-weight: bold;
}
.ccUserForm .bigInfo{
	margin: 10px 0 10px 0;
	padding: 5px;
	border: 1px solid orange;
	color: orange;	
}
.ccUserForm .smallInfo{
	margin: 0 0 5px 0;
	padding: 0 5px 0 5px;
	border: 1px solid orange;
	color: orange;	
}

.ccUserForm .userImage{
	border: 1px solid black;
}
.ccUserForm .helpLink A{
	padding: 0 0 0 0px;
	font-size: 11px;
}

/*---------------------------------------------------------------------------------*/
/* cc user search control */

#ccUserSearchControl{
	margin: 20px 0 20px 0;
	padding: 10px;
	border: 1px solid #90b0d0;
	background: #d0e1f1;
	font-size: 11px;
}
#ccUserSearchControlButtons{
	margin: 0px;
	padding: 5px;
	text-align: center;
}


/*---------------------------------------------------------------------------------*/
/* cc user search list layout */

.cmsContainer .ccUserAll LI{
	padding: 0 0 7px 10px;
}
.cmsContainer .ccUserAll .record{
	clear: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 16px;
}
.cmsContainer .ccUserAll LI.header UL{
	height: 40px;
}
.cmsContainer .ccUserAll LI.over,
.cmsContainer .ccUserAll LI.over A{
	color: #777777;
}
.cmsContainer .ccUserAll .record LI{
	padding: 0px;
}
.cmsContainer .ccUserAll .record LI.ccUserUsername{
	width: 175px;
}
.cmsContainer .ccUserAll .record LI.ccUserName{
	width: 205px;
}
.cmsContainer .ccUserAll .record LI.ccUserZip{
	width: 50px;
}
.cmsContainer .ccUserAll .record LI.ccUserStatus{
	width: 120px;
}
.cmsContainer .ccUserAll .record LI.ccUserStatus IMG{
	vertical-align: -2px;
}

/*---------------------------------------------------------------------------------*/
/* cc user detail */

#profileImage{
	float: right;
}


/* ------------------------------------------------------------------------------- */
/* cc user image upload */

#newUpload{
	margin: 0 0 30px 0;
	padding: 5px 15px 10px 15px;
	border: 1px solid black;
	background: #f8f8f8;
}
#newUpload H2{
	margin: 0 0 10px 0;
	padding: 0px;
	font-size: 11px;
}
#newUpload INPUT.button{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	height: 22px;
}
#newUpload INPUT.file{
	margin: 0px;
	padding: 2px 0 0 0;
	font-size: 13px;
	height: 22px;
}
#newUpload DIV.formAddHide{
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	display: none;
}
#newUpload DIV.formAddShow{
	margin: 15px 0 0 0;
	padding: 0px;
	visibility: visible;
	display: block;
}
#newUpload DIV.formAddShow P{
	margin: 5px 0 0 0;
	padding: 0px;
}
#newUpload DIV.formAddShow P IMG{
	vertical-align: middle;
	margin: 0 0 0 5px;
}

#navigTabs{
	list-style: none;
	margin: 0px;
	padding: 0 0 5px 0;
}
#navigTabs LI{
	float: left;
	margin: 0 2px 0 0;
	padding: 3px 10px 4px 10px;
	border: 1px solid #000000;
	border-bottom: none;
	cursor: pointer;
	background: #ffffff;
	font-weight: bold;
	color: #888888;	
}
#navigTabs LI.select{
	background: #dddddd;
	font-weight: bold;
	color: #000000;	
}

.fileList{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
}
.fileList LI{
	margin: 0px;
	padding: 5px 0 6px 15px;
	border-top: 1px solid #eeeeee;
	font-weight: bold;
	height: 45px;
}
.fileList LI P{
	margin: 3px 0 0 0;
	padding: 0px;
	font-weight: normal;
	font-size: 10px;
	color: #aaaaaa;
}
.fileList LI P A{
	color: #aaaaaa;
}
.fileList LI.first{
	border: none;
}
.fileList LI DIV.preview{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 100px;
	font-weight: normal;
	color: #000000;
}
.fileList LI DIV.meta{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 60px;
	font-weight: normal;
	color: #000000;
}
.fileList LI DIV.meta2{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 70px;
	font-weight: normal;
	font-size: 10px;
	color: #000000;
}
.fileList LI DIV.options{
	margin: 0px;
	padding: 0 10px 0 0;
	float: right;
	width: 30px;
	font-weight: bold;
	color: #000000;
	text-align: right;
}
.fileList LI.header,
.fileList LI.header DIV{
	font-weight: bold;
	color: #ffffff;
	background: #8888aa;
	border-top: none;
	height: 12px;
}


/*---------------------------------------------------------------------------------*/
/* forum */
/*---------------------------------------------------------------------------------*/

.cmsContainer .forenGroupList{
	margin: 20px 0 30px 0;
}
.cmsContainer .forenGroupList LI.forumTitle{
	width: 380px;
}
.cmsContainer .forenGroupList LI.forumStatistic{
	width: 80px;
	text-align: right;
}


.cmsContainer .forenTopicList LI P{
	color: #777777;
}
.cmsContainer .forenTopicList LI.forumTitleLong{
	width: 480px;
}
.cmsContainer .forenTopicList LI.forumTitleLong IMG{
	vertical-align: -3px;
}
.cmsContainer .forenTopicList LI.forumStatistic{
	width: 60px;
	text-align: right;
}
.cmsContainer .forenTopicList LI.forumModified{
	width: 270px;
	color: #777777;
	font-size: 10px;
}
.cmsContainer .forenTopicList LI.forumCreated{
	width: 270px;
	color: #777777;
	font-size: 10px;
	text-align: right;
}
.cmsContainer .forenTopicList LI.header LI INPUT{
	font-size: 11px;
	padding: 0 5px 0 5px;
	margin: 0px;
}
.cmsContainer .forenTopicList LI.header LI INPUT.off{
	color: #777777;
	margin: -2px 0 0 0;
}

.cmsContainer H3 P.backLink{
	float: right;
}
.cmsContainer .forenArticleList{
	margin: 0 0 10px 0;
}
.cmsContainer .forenArticleList LI.header LI.forumTitleLong{
	width: 400px;
}
.cmsContainer .forenArticleList LI.header LI.forumStatistic{
	width: 140px;
	font-weight: bold;
	text-align: right;
}
.cmsContainer .forenArticleList LI.header LI INPUT{
	font-size: 11px;
	padding: 0 5px 0 5px;
	margin: 0 5px 0 0;
}
.cmsContainer .forenArticleList LI.header LI INPUT.off{
	color: #777777;
	margin: -2px 5px 0 0;
}
.cmsContainer .forenArticleList LI DIV{
	font-size: 11px;
}
.cmsContainer .forenArticleList LI DIV.authorInfo{
	width: 120px;
	float: left;
	padding: 0px 0 5px 0px;
}
.cmsContainer .forenArticleList LI DIV.authorInfo P{
	padding: 10px 0 10px 0;
	font-size: 10px;
	line-height: 100%;
}
.cmsContainer .forenArticleList LI DIV.authorInfo P IMG{
	vertical-align: -2px;
}

.cmsContainer .forenArticleList LI DIV.authorInfo P.date{
	color: #777777;
	padding: 10px 0 20px 0;
}

.cmsContainer .forenArticleList LI DIV.article{
	width: 420px;
	float: left;
	padding: 10px 5px 20px 0;
	font-size: 12px;
}

.cmsContainer .forenArticleList LI DIV.article IMG{
	vertical-align: 0px;
}

.cmsContainer P.paging A{
	font-size: 12px;
	font-weight: bold;
}
.cmsContainer P.paging SPAN{
	font-size: 19px;
	font-weight: bold;
}
.cmsContainer P.formInfo{
	margin: 0 0 5px 0;
	padding: 0px;
	font-size: 9px;
	color: #666666;
}

/*---------------------------------------------------------------------------------*/

.forumForm{
	margin: 0px;
	padding: 0px;
}
.forumForm DIV{
	padding: 0 0 10px 0;
}
.forumForm TEXTAREA{
	width: 550px;
	height: 200px;
	margin: 0px;
	font-family: Verdana, Helvetica, Arial, Tahoma;
	font-size: 12px;
}
.forumForm .formInfo{
	font-size: 10px;
	color: #666666;
	font-weight: normal;
}
.forumForm .availableSmilies{
	border: 1px solid #aaaaaa;
	padding: 5px 10px 5px 10px;
}

/*---------------------------------------------------------------------------------*/

#ccGalleryForm{
	margin: 20px 0 30px 0;
	padding: 0px;
	border: 1px solid #90b0d0;
	background: #d0e1f1;
	font-size: 11px;
	line-height: 100%;
}
#ccGalleryForm IMG{
	vertical-align: -1px;
	padding: 0 3px 0 0;
}
#ccGalleryForm H2{
	margin: 0 0 5px 0;
	padding: 0px;
	font-size: 11px;
}
#ccGalleryForm DIV{
	float: left;
	width: 250px;	
	margin: 10px 0 10px 10px;
}
#ccGalleryForm P{
	clear: left;
	padding: 0 10px 10px 10px;
}
#ccGalleryForm P.info{
	padding: 10px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
}
#ccGalleryForm H3{
	padding: 10px;
	margin: 0px;
	color: #777777;
	font-weight: normal;
	font-style: italic;
}
#ccGalleryForm DIV.button{
	width: auto;
	float: none;
	text-align: center;
	margin: 0px;
	padding: 5px 0 5px 0px;
	border-top: 1px solid #90b0d0;
}

.galleryImg{
	float: left;
	padding: 0 0 20px 0;
	width: 140px;
	text-align: center;
	font-size: 11px;
	line-height: 100%;
}
.galleryImg div{
	padding: 5px 5px 0 20px;
}

.galleryError{
	color: red;
	margin: 20px 0 20px 0;
	font-weight: bold;
}

.uploadInfoHidden{
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	display: none;
}
.uploadInfoShow{
	margin: 0px;
	padding: 0px;
	background: url('../img/silverTransSoft.png');
	width: 100%;
	height: 100%;
	text-align: center;
	visibility: visible;
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
}

/*---------------------------------------------------------------------------------*/
/* google maps */

.fzMap{
	width: 561px;
	height: 600px;
	overflow: auto;
}
.communityMap{
	width: 561px;
	height: 700px;
}
.mapDetail{
	margin: 0px;
	padding: 0px;
	width:220px;
}
.mapDetail P{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid black;
}
.mapDetailContent{
	margin: 0 0 10px 0;
	padding: 0px;
	width:220px;
	max-height:250px;
	overflow: auto;
}
.mapDetailContent UL.detail{
	margin: 5px 5px 0 5px;
	padding: 0 0 5px 0;
	background: #ddeefe;
	border-top: 1px solid #d0e1f1;
	border-bottom: 1px solid #d0e1f1;
	color: black;
	cursor: pointer;
}
.mapDetailContent UL.detail:hover{
	margin: 5px 5px 0 5px;
	padding: 0 0 5px 0;
	background: #d0e1f1;
	border-top: 1px solid #769dc0;
	border-bottom: 1px solid #769dc0;
	color: black;
	cursor: pointer;
}
.mapDetailContent UL.detail LI{
	font-size:11px;
	margin: 0px;
	padding: 0 3px 0 3px;
}
.mapDetailContent UL.detail LI DIV.photo{
	float: right;
	width: 40px;
	height: 53px;
	overflow:hidden;
}
.mapDetailContent UL.detail LI IMG.icon{
	vertical-align: -2px;
}
.mapSettings{
	margin: 10px 0 0 0;
	padding: 10px 0 10px 10px;
	font-size: 11px;
	border-top: 1px solid #769dc0;
	border-left: 1px solid #769dc0;
	border-right: 1px solid #769dc0;
	background: #ddeefe;
}
.mapSettings SELECT{
	font-size: 11px;
}
.mapLegend{
	height: 30px;
	margin: 0px;
	padding: 10px 0 0 10px;
	font-size: 11px;
	border-bottom: 1px solid #769dc0;
	border-left: 1px solid #769dc0;
	border-right: 1px solid #769dc0;
	background: #ddeefe;
}
.mapLoadingInfoHidden{
	visibility: hidden;
	display: none;
}
.mapLoadingInfo{
	visibility: visible;
	display: block;
	position: relative;
	top: -741px;
	width: 561px;
	height: 700px;
	background: url('../img/silverTransSoft.png');
	text-align: center;
}
.mapLoadingInfo2{
	visibility: visible;
	display: block;
	position: relative;
	top: -701px;
	width: 561px;
	height: 700px;
	background: url('../img/silverTransSoft.png');
	text-align: center;
}

.mapLink{
	vertical-align: -3px;
	padding: 0 0 0 5px;
}