/*/////////////////////////////////////////////////
	Projekt: 
	Start: 
	Code: Phuc Le
	online: 
	server: 
/////////////////////////////////////////////////*/

*, html, body{
margin:0px;
padding:0px;
}

html, body{
height:100%;
}

body{
	z-index:1;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	line-height:18px;
	font-family:Verdana,Helvetica,sans-serif;
	color:#000;
	background-color:#fff;
}

#Body{
	background-color:#585858;
	background-image:url(media/body_back.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
.FileManager {
	color:#000;
}
.contentpane .DNNAligncenter {
	text-align:left;
}
.Normal, .NormalDisabled{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
}
table, td, p, div, .Normal, textarea, .input, .NormalTextBox {
	font-family:Verdana,Helvetica,sans-serif;
	font-size:12px;
}

a:link, a:visited{
	color:#215675;
	text-decoration:none;
	font-weight:normal;
	font-weight:bold;
}

a:hover, a:active {
	color:#c5bc8f;
	text-decoration:none;
	font-weight:normal;
	font-weight:bold;
}

a:focus{
	outline:none;
}

hr,HR {
 	border: 0px; /* Für Firefox und Opera */
 	border-top: solid 1px #fff;
 	border-bottom: transparent;
}

h1,h2,h3,h4,h5{
font-family:Verdana, Helvetica;
}

H5 {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	color:#000;
}
H4 {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin-bottom:0px;
}
H3{
	margin-top:0px;
	padding:0px;
	font-size:12px;
	color:#5290c0;
}
H2{
	margin-top:0px;
	padding:0px;
	color:#ff7e05;
	font-size:20px;
	font-weight:bold;
	line-height:28px;
	text-transform:normal;
	margin-bottom:0px;
}

H1, .container_content_pane_title{
	margin-top:0px;
	padding:0px;
	color:#c5bc8f;
	font-size:20px;
	line-height:28px;
	text-transform:normal;
	margin-bottom:25px;
}


ul{
margin:0px;
margin-left:30px;
padding:0px;
}

.container_div .DNNAligncenter {
	text-align:left;
}

/****************************************************
****************************************************
	GENERAL
****************************************************
****************************************************/

.clear_div{
clear:left;
}

.level_zero{
position:relative;
text-align:center;
top:40px;

}

.level_one{
position:relative;
margin:0 auto;
width:960px;
padding:0px;
text-align:left;

}

.header_div{
background:url(media/header_shadow.png);
background-repeat:no-repeat;
background-position:center top;
min-height:64px;
padding-left:30px;
padding-right:30px;
width:900px;
}

* html .header_div{
height:64px;
}

.content_left_div{
position:relative;
float:left;
width:302px;
margin-left:30px;
margin-right:30px;
min-height:500px;
}

* html .content_left_div{
margin-left:15px;
margin-right:15px;
}

.content_right_div{
position:relative;
float:left;
width:500px;
}

.footer_div{
background:url(media/footer_shadow.png);
background-repeat:no-repeat;
background-position:center top;
min-height:64px;
padding-left:30px;

}

* html .footer_div{
height:64px;
}

/**/

.menu_div{
position:relative;
float:left;
left:1px;
padding-top:3px;
}

.container_div{
background:url(media/body_shadow.png);
background-repeat:repeat-y;
background-position:center top;
min-height:64px;
}

* html .container_div{
height:64px;
}

.content_pane_div{
}




/*content*/


/*header*/

.logo{
margin-top:55px;
}

/**/

/*container content*/
.container_content_pane_title{
	/*siehe h1*/
}

.container_div ul{
margin:0px;
padding:0px;
padding-left:45px;
}

/*footer*/

.loginLink{
position:absolute;
margin-top:35px;
font-size:10px;
padding-left:10px;
color:#333!important;
}


/**********************************************************************************************************************************************
**********************************************************************************************************************************************
**********************************************************************************************************************************************

	TEMPLATE GENERAL

	******************************************************************************************************************************************
**********************************************************************************************************************************************
**********************************************************************************************************************************************/


	/************************************
		ALLGEMEIN GÜLTIG
	*************************************/

	/*separator*/
	.item_separator{
		clear:left;
		height:30px; /*im News Archiv mit korrigieren*/
	}

	/*bsp monatsfilter oder filter in der gallery*/
	.filter_actions{
		padding-bottom:20px;
	}
	
	/*Date*/
	.item_data .date_item{
		color:#aaa;
	}

	/*clearance*/
	.clearance{
		clear:left;
	}

	/*paging*/
	.paging_item{} /*noch nicht fertig*/

	/************************************
		AUSGEBLENDET (z.B wenn keine Kategorie benötigt wird)
	*************************************/
	.fct_hide_category{}

	/*einstellen nur für news und events?*
	.hyperlink_property_edit{
		display:none;
	}

	.map_url_property_edit{
		display:block;
	}
*/

	/************************************
		HEADER ACTION
	*************************************/

	.user_actions.admin_actions.header_actions{
		padding-bottom:20px;
	}
	.user_actions.header_actions a , a.user_actions.header_actions{
		font-weight:bold;
		padding-left:20px;
		display:block;
		height:16px;
		float:left;
		color:black;
		text-decoration:none;
		background:url(media/icons/add.gif);
		background-repeat:no-repeat;
		clear:left;
		border:none;
	}
	.user_actions.admin_actions.header_actions .clearance{
		clear:left;
	}

	/************************************
		LIST
	*************************************/

	/*title*/
	.sw_skin.list_skin .list_content .item_data .item_title,
	.sw_skin.list_skin .list_content .item_data .item_title a.details_action,
	.sw_skin.list_skin .list_content .item_data .item_title a.site_action,
	.sw_skin.details_skin .item_data .item_title /*ordnen*/
	{
		color:#000;
		font-weight:bold;
	}

	/*title user action*/
	.sw_skin.list_skin .list_content .item_data .user_actions,
	.sw_skin.details_skin .item_data .user_actions
	{
		float:left;
		clear:left;
	}
	.sw_skin.main_item.list_skin .list_content .item_data .item_content,
	.item_time, /*nur events*/
	.item_location/*nur events*/
	{
		clear:left;
	}
	.sw_skin.list_skin .list_content .item_data .user_actions a.update_action{}
	.sw_skin.list_skin .list_content .item_data .user_actions a.delete_action{}

	/************************************
		EDIT
	*************************************/

	/*controls*************************************************************************************************/
		
	.property_edit.localised .label_and_mandatory{
		padding-bottom:10px;
		font-size:16px;
		text-transform:capitalize;
		font-weight:bold;
	}
	.property_edit.localised .locale .locale_label{
		display:block;
	}
	.property_edit.localised .colon{
		display:none;
	}
	.property_edit.localised .locale .label_and_mandatory .colon{
		display:inline;
	}
	.property_edit.localised, .property_edit.unlocalised{
		min-width:100%;
	}
	.property_edit.unlocalised .label_and_mandatory,
	.property_edit.localised .locale .label_and_mandatory{
		float:left;
		width:120px; /*diesen Wert gleichzeitig mit padding ändern*/
		/*wird benötigt, um property_edit.localised .label_and_mandatory wieder zurück zu setzen*/
		font-weight:normal;
		font-size:12px;
		padding-bottom:0px;
	}
	.locale_label .country, .country{
		display:none;
	}
	.image_upload_property_edit .image_property_edit_button,
	.image_archive_upload_property_edit.multi_item_property_edit_button{
		padding:3px 5px 3px 5px;
		font-size:12px;
		font-weight:bold;
		margin-right:10px;
		border:1px solid;
		cursor:pointer;
		color:#3e96d4;
	}

	.counter.counter_remaining,
	.counter_warning,
	.unlocalised iframe{
		clear:left;
		display:block;
		padding-left:120px; /*diesen Wert gleichzeitig mit width ändern*/
	}
	.counter_warning{
		color:red;
	}
	.property_edit.unlocalised {
		margin-bottom:10px;
	}
	.validation_error
	{
		float:left;
		clear:left;
		padding-left:120px; /*diesen Wert gleichzeitig mit width ändern*/
	}
	.validation_summary{
		padding-left:120px; /*diesen Wert gleichzeitig mit width ändern*/
	}
	.validation_summary ul{
	margin:0px;
	padding:0px;
	}
	
	.sw_sh.mandatory_notice{
		padding-bottom:10px;
		font-weight:bold;
		padding-left:120px;/*diesen Wert gleichzeitig mit width ändern*/
	}
	.sw_skin.edit_skin.admin_skin .sw_sh.user_actions.admin_actions{
		padding-left:120px;/*diesen Wert gleichzeitig mit width ändern*/
		padding-bottom:20px;
	}

	/*INPUT und TEXTAREA********************************************************************************************/

	.locale input,
	.locale textarea{
		width:400px;
	}
	.locale textarea{
		height:200px;
	}
	.date_picker_and_time_selection_property_edit input{
		width:80px;
	}

	/*ausnahmen für multibox etc*/
	.checkbox_property_edit input,
	.multi_checkbox_property_edit input,
	.dnn_link_property_edit input,
	.hyperlink_property_edit input,
	.long_text_property_edit input{
		width:10px;
	}
	.sw_skin textarea{
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:12px;
	}
	/*user action**************************************************************************************************/
	.user_actions{}
	.sw_sh.user_actions .update_actions a, .sw_sh.user_actions a.update_action,
	.sw_sh.user_actions .delete_actions a, .sw_sh.user_actions a.delete_action,
	.sw_sh.user_actions .cancel_actions a, .sw_sh.user_actions a.cancel_action
	{
		padding:3px 5px 3px 5px;
		font-size:12px;
		font-weight:bold;
		margin-right:10px;
		display:block;
		float:left;
	} 
	.update_action:link, .update_action:visited{
		text-decoration:none;
		color:#3e96d4;
		font-weight:bold;
		border:1px solid;
	}
	.update_action:hover, .update_action:active{
		text-decoration:none;
		font-weight:bold;
	}
	.delete_action:link, .delete_action:visited{
		text-decoration:none;
		border:1px solid;
		color:#e64949;
		font-weight:bold;
	}
	.delete_action:hover, .delete_action:active{
		text-decoration:none;
		font-weight:bold;
	}
	.cancel_action:link, .cancel_action:visited{
		text-decoration:none;
		border:1px solid;
		color:#e64949;
		font-weight:bold;
	}
	.cancel_action:hover, .cancel_action:active{
		text-decoration:none;
		font-weight:bold;
	}
	.user_actions .clearance{
	clear:left;
	}

	/************************************
		DETAIL
	*************************************/

	.sw_skin.main_item.details_skin .item_data{}
	
	/*title*/
	.sw_skin.main_item.details_skin .item_data .subheader_item.date_item{}
	.sw_skin.main_item.details_skin .item_data .item_title{}

	/*title user control*/
	.sw_skin.main_item.details_skin .item_data .item_title .user_actions.admin_actions{
		padding:0px; /*muss wegen .sw_skin.main_item.details_skin .user_actions auf 0 gesetzt werden*/
	}
	.sw_skin.main_item.details_skin .item_data .item_title .user_actions.admin_actions a.update_action{}
	.sw_skin.main_item.details_skin .item_data .item_title .user_actions.admin_actions a.delete_action{}
	.sw_skin.main_item.details_skin .item_data .item_title .user_actions.admin_actions .clearance{}

	/*content*/
	.sw_skin.main_item.details_skin{}
	.sw_skin.main_item.details_skin .item_data .item_content{
		padding-top:20px;
	}
	.sw_skin.main_item.details_skin .item_data .item_content .item_image{
		margin-right:10px;
		margin-bottom:10px;
		float:left;
	}


	/*user action*/
	.sw_skin.main_item.details_skin .user_actions{
		padding-top:20px; /*in Verbindung mit .sw_skin.main_item.details_skin .item_data .item_title .user_actions.admin_actions*/
	}
	.sw_skin.main_item.details_skin .user_actions a.cancel_action/*,*/
	/*.user_actions a.cancel_action*/{
		background:transparent;
		color:#000;
		border:none;
	}
	.sw_skin.main_item.details_skin .user_actions a.cancel_action:hover{}

	.sw_skin.main_item.details_skin .user_actions a.details_action{
		padding-left:10px;
	}

	.sw_skin.main_item.details_skin .user_actions .clearance{}

	/*user_actions buttons bsp liste, detail: Bleistift und Löschen Symbol*/

	.item_data .user_actions a.update_action{
		position:relative;
		font-size:0px;
		display:block;
		width:16px;
		height:16px;
		float:left;
		background-color:transparent;
		background:url(media/icons/edit.gif);
		background-repeat:no-repeat;
		border:none;
	}
	.item_data .user_actions a.delete_action{
		position:relative;
		font-size:0px;
		display:block;
		width:16px;
		height:16px;
		float:left;
		background-color:transparent;
		background:url(media/icons/delete.gif);
		background-repeat:no-repeat;
		border:none;
	}



/*********************************************************************************************************************************************
**********************************************************************************************************************************************

	GALLERY GALLERY GALLERY GALLERY GALLERY GALLERY GALLERY GALLERY GALLERY GALLERY GALLERY GALLERY GALLERY GALLERY GALLERY 

**********************************************************************************************************************************************
*********************************************************************************************************************************************/

	/************************************
		VOREINSTELLUNGEN
	*************************************/

		/*Filter für die Sortierung ein oder ausblenden. Wenn ausgeblendet, muss es in den skinnersettings eingestellt werden*/
		.sw_skin.gallery_image.main_item.list_skin .fct_filter_action{}

		/*Bild Titel generell ein oder ausblenden*/
		.fct_image_title{
		
		}
		
		/*Bilder Titel in Übersicht ein oder ausblenden*/
		.sw_skin.gallery_image.main_item.list_skin .list_content .item_data .fct_legend_title_image{}
		
		/*Album Titel in Übersicht ein oder ausblenden*/
		.sw_skin.gallery_image.main_item.list_skin .list_content .item_data .fct_legend_title_album{}

		/*Zusammenfassung in Lightbox ein oder ausblenden*/
		.fct_summary_or_description{}
		
		/*Summary aus oder ein blenden, nur summary oder description einblenden*/
		.fct_summary{}
		
		/*descprition aus oder einblenden, nur summary oder description einblenden*/
		.fct_description{
			display:none;
		}
		/*summary und descripion vom album ein aus blenden*/
		.fct_album_summary{}
		.fct_album_description{
			display:none;
		}
		/*Titel in Lightbox ein oder ausblenden*/
		.fct_lightbox_legend_title_image{}

		/*in der Legende "Album anzeigen" ein- ausblenden*/
		.sw_skin.gallery_image.main_item.list_skin .list_content .item_data .fct_show_album{}

		/*in der Legende "Download" ein- ausblenden*/
		.sw_skin.gallery_image.main_item.list_skin .list_content .item_data .fct_download_item{}

	/************************************
		ALLGEMEIN
	*************************************/

	.sw_skin.gallery_image.main_item.list_skin{}


	/************************************
		ALBUM TITLE - Gallery spezifisch
	*************************************/
	.sw_skin.gallery_image.main_item.list_skin .album_title{
		font-size:14px;
		font-weight:bold;
		padding-bottom:20px;
	}
	/*edit button für Albumtitel. Sollte gleich aussehen wir die anderen Edit Buttons. Sprich der Bleistift*/
	.sw_skin.gallery_image.main_item.list_skin .album_title a.update_action{
		position:relative;
		font-size:0px;
		display:block;
		width:16px;
		height:16px;
		float:left;
		background-color:transparent;
		background:url(media/icons/edit.gif);
		background-repeat:no-repeat;
		border:none;
		padding-right:4px;
	}

	
	
	/************************************
		HEADER ACTION
	*************************************/
	.sw_skin.gallery_image.main_item.list_skin .header_actions{}
	.sw_skin.gallery_image.main_item.list_skin .header_actions .update_action{}

	/************************************
		LIST CONTENT
	*************************************/

	/*************
		IMAGE
	**************/
	.sw_skin.gallery_image.main_item.list_skin .list_content{
	width:100%;/*für ie6 und ie7*/
	}

	/*rechter abstand zwischen den elementen*/
	.sw_skin.gallery_image.main_item.list_skin .list_content .item_data{
	float:left;
	margin-right:20px;
	}

	/*rahmen für bild*/
	.sw_skin.gallery_image.main_item.list_skin .list_content .item_data .image_item{
	background:#dfdfdf;
	padding:10px;
	text-align:center;
	margin:0px;
	}

	/*rahmen für album*/
	.sw_skin.gallery_image.main_item.list_skin .list_content .item_data .album_item{
	background:#999;
	}

	.sw_skin.gallery_image.main_item.list_skin .list_content .item_data .image_item .image_item_table .image_item_td img{
	border:none;
	vertical-align:bottom;
	}
	
	/*IMAGE LEGEND, margin und min-height je nachdem was angezeigt wird einstellen*/
	
	.sw_skin.gallery_image.main_item.list_skin .list_content .item_data .image_legend{
		/*margin-bottom:20px;*/
		height:50px;
	}

	/*ie6 bug fix*/
	* html .sw_skin.gallery_image.main_item.list_skin .list_content .item_data .image_legend{
		width:180px; /*bildbreite plus padding*/
	}
	
	/*album und bild titel*/
	.sw_skin.gallery_image.main_item.list_skin .list_content .item_data .image_legend .legend_image_title{}
	
	.sw_skin.gallery_image.main_item.list_skin .list_content .item_data .image_legend .user_actions{
		position:absolute;
		margin-top:-18px;
		z-index:100;
	}

	/************************************
		USER ACTION
	*************************************/

	.superiorAlbum_item{}

	/************************************
		ADMIN ACTION
	*************************************/

	a.set_album_action{
	position:relative;
	font-size:0px;
	display:block;
	width:18px;
	height:18px;
	float:left;
	background-color:transparent;
	background:url(media/icons/isnotalbum.gif);
	background-repeat:no-repeat;
	border:none;
	}

	.is_album_image{
	position:relative;
	/*font-size:0px;*/
	display:block;
	width:18px;
	height:18px;
	float:left;
	background-color:transparent;
	background:url(media/icons/ratingzero.gif);
	background-repeat:no-repeat;
	border:none;
	}

	a.turn_image_action{
	position:relative;
	font-size:0px;
	display:block;
	width:16px;
	height:16px;
	float:left;
	background-color:transparent;
	background:url(media/icons/action_refresh.gif);
	background-repeat:no-repeat;
	border:none;
	display:none;/*noch buggy*/
	}
	
	/************************************
		ADMIN PAGE - Umsortierung
	*************************************/
	
	.sw_skin.gallery_image.main_item.list_skin.admin_skin ul{
	margin:0px;
	padding:0px;
	}
	
	.sw_skin.gallery_image.main_item.list_skin.admin_skin ul li{
	margin:0px;
	padding:0px;
	float:left;
	margin-right:20px; /*gleich wie .sw_skin.gallery_image.main_item.list_skin .list_content .item_data einstellen oder auch nicht*/
	background:transparent;
	list-style-type:none;
	cursor:pointer;
	}

/**********************************************

	galleryview and image flow generell

*********************************************/
.first_btn{
	float:left;
	width:16px;
	height:16px;
	background:url(media/icons/first_grey.gif) no-repeat;
}
.first_btn_active{
	float:left;
}
.previous_btn_active{
	float:left;
}
.next_btn_active{
	float:left;
}
.last_btn_active{
	float:left;
}
.previous_btn{
	float:left;
	width:16px;
	height:16px;
	background:url(media/icons/previous_grey.gif) no-repeat;
}
.next_btn{
	float:left;
	width:16px;
	height:16px;
	background:url(media/icons/next_grey.gif) no-repeat;
}
.last_btn{
	float:left;
	width:16px;
	height:16px;
	background:url(media/icons/last_grey.gif) no-repeat;
}

/**********************************************

	galleryview

**********************************************/
.sw_skin_galleryview .title_row_item{
	display:block;
	width:100%;
	border-bottom:1px dotted #ccc;

}
.sw_skin_galleryview .title_item{
	float:left;
	width:300px;
}
.sw_skin_galleryview .sort_item{
	float:left;
}
/**********************************************

	image flow


**********************************************/

.sw_skin_imageflow .title_row_item{
	display:block;
	width:100%;
	border-bottom:1px dotted #ccc;

}
.sw_skin_imageflow .title_item{
	float:left;
	width:300px;
}
.sw_skin_imageflow .sort_item{
	float:left;
}
/* ImageFlow Settings - CSS 2.1
==================================== */
@media screen, projection {
	.imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:100%;
	
	}
	.imageflow img {
		border:none;
		position:absolute;
		top:0px;
		visibility:hidden;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.imageflow p {
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		border:1px solid white;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:200px;
	}
	.imageflow .loading_bar {
		background:#fff;
		height:15px;
		visibility:visible;
		width:1%;
	}
	.imageflow .navigation{
		z-index:10000;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10001;
	}
	.imageflow .scrollbar {
		border-bottom:1px solid #000;
		position:relative; 
		visibility:hidden;
		z-index:10002;
		height:1px;
	}
	* html .imageflow .scrollbar {
		border-top:1px solid #000;
		border-bottom:none;
	}
	.imageflow .slider {
		background-image:url(media/icons/slider.gif);
		background-repeat:no-repeat;
		height:14px;
		margin:-6px 0 0 -7px;
		position:absolute;
		width:14px;
		z-index:10003;
	
	}
	* html .imageflow .slider {
		left:0px;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;
	}
	.imageflow .button {
		cursor:pointer;
		height:17px;
		position:relative;
		width:17px;
	}
	.imageflow .previous {
		background: url(media/icons/button_left.gif) top left no-repeat;
		float:left;
		margin: -7px 0 0 -30px;
	}
	.imageflow .next {
		background: url(media/icons/button_right.gif) top left no-repeat;
		float:right;	
		margin:-7px -30px 0 30px;
	}
	
	
	.imageflow img{
	
	height:auto!important;
	
	vertical-align:middle;}
	
	/****** manipulation **************/
	.navigation{
	
	}
}