/*	article full */

	#uiDadArticleFullContent{
		position: relative; width: 70%; top: 5%;left: 14%;  height: 70%; overflow: scroll; overflow-x: hidden; padding: 10px;
		background-color: #fff;
		border: solid 4px #3982c0;
		color: #333;
	} 
	
	#uiDadArticleFullContent h1{
		font-size: 16px; padding: 10px;
	} 
	
	#uiDadArticleFullContent h2{
		font-size: 14px; font-style: oblique;padding: 10px;
	} 
	
	#uiDadArticleFullContent h3{
		font-size: 12px; font-weight: normal;padding: 10px;
	} 

	#uiDadArticleFullOptions{
		position: absolute; width: 70%; margin: auto; top: 78%; left: 14%; padding: 10px;
		background-color: #3982c0;
		border: solid 4px #3982c0;
		color: #333;
	} 
	
	#uiDadArticleFullOptions a {
		font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;
	}

	#uiDadArticleFullOptions a:hover {
		color: #3982c0; text-decoration: none;
		background-color: #fff;
	}

	#uiDadArticleFullOptions a img{
		border: solid 1px #fff; vertical-align: bottom;
	}

	

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




/*	edit layout */

	#uiDadEditLayout{
		position: relative; width: 460px; margin: auto; top: 30%;
		background-color: #fff;
		border: solid 4px #3982c0;
	} 
	
	#uiDadEditLayout h1{
		padding: 10px;
		background-color: #3982c0;
		font-size: 16px; font-weight: bold; color: #fff;
	} 

	#uiDadEditLayout h1 a {
		font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;
	}

	#uiDadEditLayout h1 a:hover {
		color: #3982c0; text-decoration: none;
		background-color: #fff;
	}

	#uiDadEditLayout h1 a img{
		border: solid 1px #fff; vertical-align: bottom;
	}


	#uiDadEditLayout div{
		overflow: hidden; padding: 10px;
	}

	#uiDadEditLayout ul{
		float: left; padding: 10px; 
	}

	#uiDadEditLayout ul li{
		list-style-type: none;
		text-align: center; font-size: 11px; color: #777;
		cursor: pointer;
	}

	#uiDadEditLayout ul li img{
		padding: 10px;
		vertical-align: middle;
	}

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



		
/*	add content */

	#uiDadAddContent{
		position: relative; width: 80%; margin: auto; top: 5%; height: 90%;
		background-color: #fff;
		border: solid 4px #3982c0;
	}

	#uiDadAddContent h1{
		padding: 10px;
		background-color: #3982c0;
		font-size: 16px; font-weight: bold; color: #fff;
	}

	#uiDadAddContent h1 a {
		font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;
	}

	#uiDadAddContent h1 a:hover {
		color: #3982c0; text-decoration: none;
		background-color: #fff;
	}

	#uiDadAddContent h1 a img{
		border: solid 1px #fff; vertical-align: bottom;
	}

	#uiDadAddContent ul{
		overflow: hidden; width: 100%;
		background-color: #D2E3F2;
		border-bottom: solid 1px #3982c0;
	}

	#uiDadAddContent ul li{
		float: left; padding: 5px; padding-left: 10px; padding-right: 10px; line-height: 20px;
		list-style-type: none;
		font-size: 12px; font-weight: bold; color: #333;

	}

	#uiDadAddContent ul li a{
		font-size: 12px; color: #333; text-decoration: underline; font-weight: normal;
	}

	#uiDadAddContent ul li a:hover{
		text-decoration: none;
	}

	#uiDadAddContent select{
		font-size: 10px;
	}

	#uiDadAddContent input{
		font-size: 10px; color: #333;
	}


	/*	add content active */

		#uiDadAddContentActive{
			overflow: scroll; height: 75%; overflow-x: hidden; width: 100%;
		}

		#uiDadAddContentActive div.iCom{
			border-bottom: solid 1px #ccc; overflow: hidden;
		}

		#uiDadAddContentActive div.iComLogo{
			float: left; width: 150px; padding: 10px; overflow: hidden;
			text-align: center;
		}

		#uiDadAddContentActive div.iComInfo{
			padding: 10px; height: 100px; overflow: hidden;
			color: #333; font-size: 13px;
		}
		
		#uiDadAddContentActive div.iComInfo p{
			overflow: hidden; padding-bottom: 5px;
		}

		#uiDadAddContentActive div.iComAux{
			float: right; clear: right; padding: 10px; width: 170px;
			color: #777; font-size: 11px;
		}

		#uiDadAddContentActive div.iComAux p{
			overflow: hidden; padding-bottom: 5px;
		}

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



		
/*	tabs */

	#uiDadTabs ul{
		overflow: hidden;
	}
		
	#uiDadTabs ul li{
		float: left; display: block; height: 15px;  padding-left: 10px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px;
		list-style-type: none; list-style-position: outside;
		background-color: #598CBA;
		border-bottom: solid 4px #fff;
		color: #333; font-size: 12px; font-weight: bold;
	}

	#uiDadTabs ul li span{
		padding-right: 5px;vertical-align: middle;
	}

	#uiDadTabs ul li.tabSelected{
		background-color: #C1DAEF;
		border: solid 4px #fff; border-bottom: none;
	}

	#uiDadTabs ul li a{
		color: #0000CC; font-size: 11px; font-weight: bold;
	}
	
	#uiDadTabs ul li a img{
		border: none;
		vertical-align: middle;
	}


	/*	tabs menu */

		#uiDadTabsMenu {
			position: absolute; z-index: 10000;
			border: solid 1px #999;
			background: #fff;
		}
		
		#uiDadTabsMenu a{
			display: block; padding: 5px;
			color: #333; font-size: 11px; font-weight: normal;
			text-decoration: none;
		}
		
		#uiDadTabsMenu a:hover{
			background-color: #ccc;
		}
		

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



		
/*	flux */

	#flux{
		position: absolute; width: 300px; 
		background-color: #E5ECF9;background-color: #E5ECF9;
		border-right: solid 1px #7AA5D6; border-bottom: solid 1px #7AA5D6;
	}
		
	#flux div{
		padding:10px;
	}

	#flux ul{
		padding:10px; overflow: hidden;
	}

	#flux li{
		padding: 10px 5px 10px;
		list-style-type: none;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #BAD2E9;
	}


		

		
	#flux h1{
		padding: 0px;
		font-size: 11px;
	}
	
	#flux h1 span{
		padding: 0px 2px 0px;
		background-color: #7AA5D6;
		font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;
	}
			
	#flux h1 a{
		font-size: 11px; font-weight: bold; color: #000; text-decoration: none;
	}
			
	#flux h1 a:hover{
		font-size: 11px; font-weight: bold; color: #000; text-decoration: underline;
	}
		
	#flux h2{
		padding-top: 10px;
		text-align: left;
		font-size: 11px; font-weight: normal; color: #000; text-decoration: none;
	}
	
	
			
	#flux div.fluxHighlight{
		background-color: #FFCC33;
		border: solid 2px #fff;
	}
				
	#flux div.fluxHighlight h1 span{
		background-color: #ff0000;
	}
		

/*	main */
	
	#uiDadMain{
		padding: 20px 10px 0px; overflow: hidden;height:100%;
                border-left: solid 1px #7AA5D6; 
	} 


	/*	zone */

		.zone{
			float: left; height: 100%;
		}

		.zlimit{
			float: left; width: 2%; height: 1px;
		}

		.zfix{
			height: 1px; width: 1px; position: relative
		}

	/*	section */

		.section{
			margin-bottom: 20px;
			background-color: #fff;
			border: solid 1px #598CBA; border-top: solid 1px #598CBA;
		}

		.emptyPlaceMarker{
			border: dashed 3px #ccc;
			cursor: move;
		}
		
		.move{
			cursor: move;overflow: hidden; height: 16px; padding-right: 5px;
		}
			

		/*	section heading */

			.uiDadSection_head{
				overflow: hidden;
				background-color: #598CBA;
				border-bottom: solid 1px #598CBA;
				
			}
			.uiDadSection_head div{
				overflow: hidden;padding: 3px 5px 5px; height: 14px; line-height: 16px;
				font-weight: bold; font-size: 11px; color: #C1DAEF;
		
			}
			.uiDadSection_head img{
				cursor: pointer;
			}
			
		
			.uiDadSection_headOptions{
				float: right; 
				background-color: #fff;
			}
		
			.uiDadSection_headOptions img{
				padding: 3px 0px 0px;
			}
		
		
		/*	section options */

			.uiDadSection_options{
				padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right:5px; margin-bottom:3px; margin-top: 3px;
				background: #fff;
				color: #444; font-size: 11px; font-weight: bold;
			}
			
			.uiDadSection_options div{
				padding-top: 5px; padding-bottom: 5px;
				border-bottom: solid 1px #ccc;
				text-align: center;
			}
			
			
			.uiDadSection_options label{
				padding-left: 5px;
			}
			
			
			.uiDadSection_options input{
				width: 200px;
				color: #444; font-size: 11px;
				border: solid 1px #DDD7CD; 
		
			}
				
			.uiDadSection_options select{
				width: 35px;
				color: #444; font-size: 11px;
				border: solid 1px #DDD7CD; 
		
			}
				
			.uiDadSection_options button{
				color: #444; font-size: 11px;
				border: solid 1px #DDD7CD; 
		
			}
		
		
		/*	section article */

			.uiDadSection_contentArticle{
				padding: 5px 5px 5px;
			}
			
			.uiDadSection_contentArticle h1 {
				font-size: 12px; font-weight: normal; 
			}

			.uiDadSection_contentArticle h1 a{
				font-size: 11px; color: #000; font-weight: normal; text-decoration: none;
				vertical-align: middle;
			}

			.uiDadSection_contentArticle h1 a:hover{
				text-decoration: underline;
			}


			.uiDadSection_contentArticle h2 {
				font-size: 10px; font-weight: normal;
			}
			.uiDadSection_contentArticle h2 span {
				font-size: 10px; color: #333; font-weight: normal; text-decoration: none;
			}
			
			.uiDadSection_contentArticleIntro{ display: none; overflow: auto; width: 95%; padding: 5px 2% 12px 3%; }
			.uiDadSection_contentArticleIntroActive{ display: block;}
			
			.uiDadSection_contentArticle h1 a.expand {
				display: block; float: left; width: 15px; height: 12px;
				background: url(../img/arrow_article3.png) no-repeat left ;
			}

			.uiDadSection_contentArticle h1 a.expand:hover {
				background: url(../img/arrow_article3-active.png) no-repeat left;
			}

			.uiDadSection_contentArticle h1 a.expand_selected{
				background: url(../img/arrow_article3-selected.png) no-repeat left;
			}

			.uiDadSection_contentArticle h1 a.expand_selected:hover{
				background: url(../img/arrow_article3-selected-active.png) no-repeat left;

			}


			.uiDadSection_contentArticle div {
				padding-top: 5px;
				font-size: 11px; color: #333; font-style: italic;
			}
		
			.uiDadSection_contentArticle div a {
				background-color: #fff;
				color: #3982c0; text-decoration: none;
			}
		
			.uiDadSection_contentArticle div  img {
				border: none; vertical-align: bottom;
			}
		
			.uiDadSection_contentArticle div a:hover {
				background-color: #3982c0;
				color: #fff; text-decoration: none;
			}