input	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;

}

select	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
}

.list	{
	margin: 0 10px 0 10px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	overflow: hidden;
}

.contentData	{
	margin: 10px 0 20px 0;
}

.contentData_head	{
	width: 94%;
	height: 30px;
	line-height: 30px;
	margin: 0 10px 20px 10px;
	padding: 0 0 0 10px;
	border-bottom: 1px dotted #dddddd;
	font-size: 14px;
	font-weight: bold;
}

.contentData_inner	{
	margin: 10px;
	overflow: hidden;
}

.contentborder	{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	overflow: hidden;
}

.tableHead	{
	height: 20px;
	margin: 0;
	padding: 10px;
	list-style-position: outside;
	list-style-type: none;
	
	background-color: #cccccc;
	border-bottom: 1px solid black;
	
	font-weight: bold;
}

.tableHead li	{
	float: left;
	margin-right: 3px;
}


/* table for data show and edit */



.contentList	{
}

.ul_table	{
	list-style-position: outside;
	list-style-type: none;
	clear: both;
	overflow: hidden;
	clear: both;
	margin: 0;
}

.contentList .ul_table	{
	line-height: 18px;
	margin: 0;
	padding: 10px;
}


.linkList	{
	cursor: pointer;
}

/* sublists have a reduced height! */
.contentList .contentList .ul_table	{
	padding: 4px 10px 4px 10px;
}


.contentList .contentList .contentList .ul_table	{
	padding: 2px 10px 0 10px;
}


.ul_table li	{
	margin-right: 3px;
	float: left;
	overflow: hidden;
}

.contentShow	{
/*	float: left; */
	
	margin: 0 10px 10px 10px;
	padding-top: 10px;
	background-color: #d0d0d0;	
	overflow: hidden;
	cursor: default;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	
}

.contentShow .ul_table	{
	line-height: 18px;
	padding: 2px 0 2px 0;
}

.contentEdit	{
	background-color: #d0d0d0;	
}

.contentEdit .ul_table	{
	line-height: 18px;
	padding: 2px 0 2px 0;
}

.contentEdit .ul_table input	{
	width: 300px;
}

.contentEdit .ul_table textarea	{
	width: 300px;
	overflow: visible;
	height: auto;
}


.showFieldName	{
	width: 100px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	cursor: default;
}

.contentEdit .showFieldName	{
/*	padding-top: 3px; */
}

.showFieldValue	{
	width: 350px;	
	margin-right: 10px;
	cursor: default;
}


.contentShow .showFieldValue	{
	height: auto;
}

.showIDValue	{
	width: 30px;	
	margin-right: 10px;
	cursor: default;
}

/*xxxxxxxxxxxxx Video */

.c_defaultPlayer	{
	width: 100%; 
	height: 100%; 
	float: left; 
/*	background-image: url(../images/bg_player.gif); 
	background-repeat: no-repeat;  */

	background-color: black;
	overflow: hidden;
}



.playerContainer	{
	height: 100%;
	width: 100%;
	float: left; 
}

#mainPlayer	{
	width: 640px; 
	height: 360px;
}

#c_panel	{
	width: 720px; 
	height: 24px; 
	margin-top: 5px; 
	float: left;
	background-color: white; 
}





/* action menu on top or bottom of a dataset */

.actionMenuTop	{
	height: auto;
	clear: both;
	overflow: hidden;
}

.actionMenuBottom	{
	height: 50px;	/* for IE only... */
	clear: both;
	overflow: hidden;
}

.actionHR	{
	margin: 5px 10px 5px 10px;;
	clear: both;
}

.actionleft	{
	height: 20px;
	margin: 0 10px 10px 10px;
	float: left;
}

.actionright	{
	height: 20px;
	margin: 0 10px 10px 10px;
	float: right;
}

.resultArea	{
	clear: both;
	margin: 10px;
	padding: 10px;
}

.ok	{
	background-color: lightgreen;
}

.nok	{
	background-color: red;
}

.debugArea	{
	clear: both;
	margin: 10px;
	background-color: orange;
}

.errorArea	{
	clear: both;
	margin: 10px;
	background-color: red;
}

.contentTabContainer	{
	border-top: 1px dotted #666666; 	/* to seperate it from the list entry above */
	border-bottom: 1px dotted #666666;
/*	background-color: #dddddd;		/*otherwise we see the highlight */
	background-color: white;

		width: 100%;
		overflow: hidden;
}

.contentTabContainer .contentTabContainer	{
	
	border: none;
}

.contentTab	{
	margin: 5px 0 5px 0;
/*		float: left; */
		width: 100%;
			/* display: inline; murxt in Safari */
/*	background-color: lightgreen; */
}

.tabDummy		{
	height: 60px;
	margin: 20px;
	text-align: center;
	float: left;
}

.tabHeader	{
	margin: 10px 10px 0 10px;
	overflow: hidden;
}


.tabHeader_ul {
	height: 25px;
	margin: 5px 0 0 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
/*	background-color: #ffffff; */
	border-top: 1px solid #999999;;
	border-left: 1px solid #999999;;
	border-right: 1px solid #999999;;

	cursor: default;

	overflow: hidden;
	clear: both;
}


.rbmTabstrip	{
/*	background-color: #dddddd;	*/
}

.tabTypeA	{
	float: left;
	display: inline;
	margin-right: 2px;
	padding: 0 10px 0 10px;
	line-height: 20px;
	color: white;
	
	cursor: pointer;

}

.tabTypeA div	{
	height: 20px;
	margin: 6px 0 3px 0;	
/* float the divs in the li left, otherwise IE will stretch them to death... */
/*	float: left; */
}


.tabTypeA_a	{
	color: #000000; 
}


.tabTypeA a  {
	color: #666666;
	text-decoration: none;
}

.tabTypeA a:link	{
	color: #666666;
	text-decoration: none;
}

.tabTypeA a:visited	{
	color: #666666;
	text-decoration: none;
}

.tabTypeA a:active {
	color: #666666;
	text-decoration: none;
}

.tabTypeA a:hover	{
	color: #666666;
	text-decoration: underline;
}


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

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

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

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

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


/* ++++++++++++++++ uploadFile ++++++++++++++++++++ */

.uploadFile	{
	float: left; 
	width: 400px; 
	height: auto; 
	margin-right: 5px; 
	display: inline; 
	overflow: hidden;
}

.uploadFile input	{
	width: 100%;
}


.uploadFileSubmitButton	{
	float: left; 
	margin-left: 5px;
}

.uploadFileAltButton	{
	margin-left: 5px;
	float: right; 
	cursor: pointer;
}

.uploadProgressContainer	{
	height:100%; 
	overflow: hidden; 
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;


}

/* ++++++++++++++++ listFile/sendFile ++++++++++++++++++++ */

.listFile_ul{
	height: auto;
	padding: 3px 0 3px 0;
	margin: 0;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	clear: both;
	cursor: pointer;
}

*html .listFile_ul	{
	height: 25px;
	padding: 5px 0 3px 0;

}


.listFile_ul li {
	margin-right: 3px;
	float: left;
}


.sendFile_ul{
	height: auto;
	padding: 3px 0 3px 0;
	margin: 0;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	clear: both;
	cursor: pointer;
}

*html .sendFile_ul	{
	height: 25px;
	padding: 5px 0 3px 0;

}


.sendFile_ul li {
	margin-right: 3px;
	float: left;
}



.sortLink		{
	padding: 0;
	background-color: transparent;
	background-image: none;
	color: black;
}

.sortLink:active	{
	color: black;
}

.sortLink:visited	{
	color: black;
}

.sortLink:hover	{
	text-decoration: underline;
}

.sortLinkAsc	{
	padding: 0 0 0 15px;
	background-image: url(../images/sortAsc.gif);
	background-repeat: no-repeat;
}

.sortLinkDesc	{
	padding: 0 0 0 15px;
	background-image: url(../images/sortDesc.gif);
	background-repeat: no-repeat;
}





/*******************************************/
/*  	Adpation for specific dataTypes 	   */
/*******************************************/


/* -------------- Client ----------------- */

.t_Client_list	{
	clear: both;	
	background-color: white;
	overflow: hidden;
}

.t_Client_list_ul{
	height: auto;
	padding: 3px 0 3px 0;
	margin: 0;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	clear: both;
	cursor: pointer;
}

*html .t_Client_list_ul	{
	height: 25px;
	padding: 5px 0 3px 0;

}

#listOf_t_Client	{
	margin-bottom: 30px;
	width: 95%;
}

.t_Client_list_ul li {
	margin-right: 3px;
	float: left;
}
/*
.t_Client_list	ul li div {
	margin: 3px 0 0 0;
}
*/

.t_Client_show	{

}



.t_Client_show_ul {
	cursor: default;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	clear: both;
}

.t_Client_edit	{

}


.t_User_show	{
	margin: 0 10px 10px 10px;
	padding-top: 10px;
	
}

.t_User_edit {
	margin: 0 10px 10px 10px;
	padding-top: 10px;
	
}

#street	{
	width: 260px;
}

#nr	{
	width: 30px;
	margin-left: 6px;
}

#zip	{
	width: 40px;
}

#city	{
	width: 250px;
	margin-left: 6px;
}

.listOf_t_comData	{
	overflow: hidden;
}

#t_comData0	{
	height: auto;
	clear: both;	
	overflow: hidden;

}

.t_comData_list	{
	cursor: pointer;
}

.t_comData_edit		{
	overflow: hidden;
}


.searchResult 		{
	margin: 10px;
}

.textSearch		{
	margin: 10px;
}


.footerCopyright	{
	margin-top: 5px;
	color: #0165AA;
	text-align: center;
}

/* ------------- Video ----------------- */



.CMS_t_videoCategory_edit	{

	background-color: #d0d0d0;
}


.CMS_t_videoPlaylist_edit	{

}



.upload_CMS_t_MediaPicture	{
	background-color: #d0d0d0; 

}


.upload_Picture_inner	{
	overflow: hidden;
}

.listOf_Picture_Container	{
		/* width: 100%; */
	margin: 0 10px 10px 10px;
	height: 270px;
	background-color: #d0d0d0;	
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;

	overflow-x: auto;
	overflow-y: hidden;
}


.pictureList_ul	{
	height: 200px;
	margin: 10px 10px 5px 10px;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	clear: both;
	overflow: hidden;
}

.pictureList_ul li	{
	width: 200px;
	margin-right: 10px;
	float: left;
}	

.picListNavi	{
	background-color: #eaeaea;
}

.picListNaviText	{
	width: 185px; 
	height: 13px; 
	overflow: hidden; 
	float: left; 
	font-size: 9px;
	color: #666666;
}

.picListContainer	{
	text-align: center;
}


.CMS_t_MediaApprove	{
	
	background-color: #d0d0d0;	
}


.CMS_t_Gema_list	{
	cursor: pointer;
}



.showFieldValue p	{
	margin: 0;
}

.IEdummy	{
	display: none;
}


.gapsCheckImage	{
	margin-right: 10px;
}

.specialKeys	{
	margin: 5px;
	padding: 5px;
	border: 1px solid #b0b0b0;
	background-color: yellow;

	
}

.configure .showFieldValue	{
	width: auto;
}

.configure .subTemplate	{
	margin: 10px; 
	border: 2px solid black; 
	
}

.configure .subTemplate .head	{
	text-align: center; 
	font-weight: bold; 
	color: white; 
	background-color: black; 
	padding: 10px;
}

.configure .subTemplate .content {
	margin: 15px;
}

.configure .clip	{
	margin: 10px; 
	border: 2px solid #606060; 
	
}

.configure .clip .head	{
	text-align: center; 
	font-weight: bold; 
	color: white; 
	background-color: #606264; 
	padding: 5px 10px;
}

.configure .clip .content {
	margin: 15px;
}

.configure .clip .content .pictureList_ul li {
	width: auto;
}

.configure .clip .content .pictureList_ul .showFieldName {
	width: 50px;
}

.configure .clip .content .pictureList_ul .showFieldValue {
	width: 100px;
}

.configure .event	{
	margin: 10px; 
	background-color: white; 
	border: 2px solid orange;
} 

.configure .event .head	{
	background-color: orange;
	color: white;
	font-weight: bold;
	padding: 3px;
}

.configure .sendPlayerCommand	{
	margin: 5px; 
	border: 2px solid #c0c0c0;
	clear: both;
	overflow: hidden;
} 

.objectConfigSection	{
	border: 1px solid black; 
	background-color: white; 
	margin: 15px 10px;
}
 
 .objectConfigSectionHeader	{
	text-align: center; 
	font-weight: bold; 
/*	text-decoration: underline; */
	font-size: 12px;
	padding: 5px 10px;
	background-color: #E0E2E4;
 }
 
 .configure .previewImage	{
	width: 240px;
}

.show {
	display: block;
}

.hide {
	display:none;
}

.iconEdit	{
	float: right; 
	overflow: visible; 
	text-align: right; 
	position: relative;  
	width: 0; height: 0; 
	cursor: pointer;
}

.addInfo	{
	float: right;
	overflow: visible; 
	text-align: right; 
	position: relative;  
	width: 0; height: 0; 
}

.showFieldValue ul 	{
	list-style-type: circle;
	height: auto;
	overflow: hidden;
}

.showFieldValue ul li	{
	clear: both;
}

.wrapImage	{
   float: left;
    overflow: hidden;
 
}

.lessonIMG	{
	float: left;
	line-height: 15px;
}

.lessonIMGPic{
	border: none;
	width: 100%;
}

.lessonIMGCaption {
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	text-align:center;
	margin: 0;
}

.c_previewPlayer	{
	height: 240px;
}

.practiceSolveno	{
	display: none;
}

.t_ClientContract_show .showFieldValue	{
	
	width: 180px;
	
}

.rbmWindow .c_contentLeft	{
	margin-bottom: 0;
	padding-bottom: 0;
}

.rbmWindow #c_contentInner	{
	min-height: 10px;

}