/*
	Project		: ACTIBOX
	Author		: Julien LERCH
	Revision	: idem
	Description	: feuille de styles des contenus de l'aggregateur côté admin
	Inclusion	: inluse par /utils/actibox/utils/ActiboxZoneAggregator.class.php, function generateHtml;
	Copyright	: ACTIMAGE 2008

	WARNING		: les paths de cette CSS sont relatifs au SITE. Pour chercher dans les modules, ../module

		- styles génériques
		- styles FCK
		- colonnes
		- btn_action
		- styles module form
		- styles module link
		- styles module directory

*/

#wizard .aggregator ul div.zone{
	font-size	: 110%;
}

#wizard > .aggregator > div.zone{
	line-height	: 2.5ex;
	color		: #484848;
	font-family	: "Bitstream Vera Sans", Verdana, Arial, sans-serif;
}

#wizard .aggregator div.zone legend, #wizard .aggregator div.zone h3 {
	color			: #88A405;
	font-weight		: bold;
	margin			: 20px 0pt 5px;
	padding			: 0;
}
#wizard .aggregator div.zone a {
	color			: blue;
	text-decoration	: none;
}
	#wizard .aggregator div.zone a:link {
		color			: blue;
	}
	#wizard .aggregator div.zone a:visited {
		color		: #000096;
	}
	#wizard .aggregator div.zone a:hover{
		text-decoration	: underline;
	}

	#wizard .aggregator div.zone a img {
		border	: 1px solid transparent;
	}
	#wizard .aggregator div.zone a:hover img {
		border	: 1px solid blue;
	}
#wizard .aggregator div.zone img {
	margin	: 8px;
}
#wizard .aggregator div.zone ul, #wizard .aggregator div.zone ol {
	margin	: 10px 15px;
}
#wizard .aggregator div.zone li {
	margin	: 5px 0;
}
	#wizard .aggregator div.zone ul li {
		list-style	: url(../interface/public/li.gif) outside;
	}
	#wizard .aggregator div.zone ol li {
		list-style	: decimal outside;
	}
#wizard .aggregator div.zone dt {
	font-weight		: bold;
	margin			: 20px 0pt 5px;
}
#wizard .aggregator div.zone dd {
	padding-left	: 30px;
}

#wizard .aggregator div.zone form {
	margin		: 20px 10px 0;
}

#wizard .aggregator div.zone label{
	font-weight	: bold;
	text-align	: right;
	width		: 230px;
	display		: block;
	float		: left;
	line-height	: 2.3ex;
}

#wizard .aggregator div.zone fieldset{
	border		: 0;
	margin		: 10px 0 15px;
}

#wizard .aggregator div.zone input[type=text], #wizard .aggregator div.zone input[type=password], #wizard .aggregator div.zone textarea {
	line-height		: 2.3ex;
	border			: 1px solid #ddd;
	font-size		: 110%;
}
#wizard .aggregator div.zone input[type=submit] {
	border			: 1px solid #ddd;
	padding			: 2px 20px 2px 2px;
	cursor			: pointer;
	font-size		: 110%;
	font-weight		: bold;
	background		: url(../interface/public/chevrons.jpg) #f7f7f7 no-repeat right center;
	color			: #000;
}
#wizard .aggregator div.zone textarea {
	padding			: 3px;
}
#wizard .aggregator div.zone table {
	table-layout	: fixed;
	border-collapse	: collapse;
	border-color	: #666;
	border-style	: solid;
}
	#wizard .aggregator div.zone table[border="1"], #wizard .aggregator div.zone table[border="1"] td, #wizard .aggregator div.zone table[border="1"] th{
		border-width : 1px;
	}
	#wizard .aggregator div.zone table[border="0"], #wizard .aggregator div.zone table[border="0"] td, #wizard .aggregator div.zone table[border="0"]th {
		border-width : 0;
	}
	#wizard .aggregator div.zone td, #wizard .aggregator div.zone th {
		padding			: 2px;
		border-color	: #666;
		border-style	: solid;
	}
	#wizard .aggregator div.zone th {
		font-weight	: bold;
		color		: #FFA500;
	}

#wizard .aggregator div.zone iframe {
	border	: 0;
}


/* balises utilisées par FCK */
#wizard .aggregator div.zone del, #wizard .aggregator div.zone strike {
	text-decoration: line-through;
}
#wizard .aggregator div.zone strong, #wizard .aggregator div.zone b{
	color			: #B5D231;
	font-weight		: bold;
}
#wizard .aggregator div.zone u {
	text-decoration	: underline;
}

#wizard .aggregator div.zone em, #wizard .aggregator div.zone i {
	font-style		: italic;
}
#wizard .aggregator div.zone blockquote {
	margin-left		: 20px;
}

/* colonnes */
#wizard .aggregator .size1columns, #wizard .aggregator .size2columns, #wizard .aggregator .size3columns {
	float		: left;
	padding		: 5px;
	overflow	: hidden;
}
	#wizard .aggregator .size1columns {
		width	: 163px;
	}
	#wizard .aggregator .size2columns {
		width	: 336px;
	}
	#wizard .aggregator .size3columns {
		width	: 509px;
	}

/* styles des btn_action */
#wizard .aggregator div.zone .btn_action {
	text-align	: center;
}
	#wizard .aggregator div.zone .btn_action a{
		display			: inline-block;
		margin			: 10px 20px;
		padding			: 4px 4px 4px 24px;
		background		: 3px no-repeat;
		border			: 1px solid #ccc;
		color			: #484848;
	}
		#wizard .aggregator div.zone .btn_action a:hover {
			background-color: #fffddd;
			text-decoration	: none;
			color			: #000;
		}

#wizard .aggregator div.zone .btn_action a.cancel {
	background-image	: url(../interface/public/button/bg_btn_cancel.png);
}
#wizard .aggregator div.zone .btn_action a.previous, .btn_action a.prev, a.return {
	background-image	: url(../interface/public/button/bg_btn_previous.png);
}
#wizard .aggregator div.zone .btn_action a.add {
	background-image	: url(../interface/public/button/bg_btn_add.png);
}
#wizard .aggregator div.zone .btn_action a.exe {
	background-image	: url(../interface/public/button/bg_btn_exe.png);
}
#wizard .aggregator div.zone .btn_action a.next {
	background			: url(../interface/public/button/bg_btn_connect.png) right center no-repeat;
	padding				: 4px 24px 4px 4px;
}
#wizard .aggregator div.zone .btn_action a.save {
	background-image	: url(../interface/public/button/bg_btn_save.png);
}
#wizard .aggregator div.zone .btn_action a.delete {
	background-image	: url(../interface/public/button/bg_btn_del.png);
}
#wizard .aggregator div.zone .btn_action a.validate {
	background-image	: url(../interface/public/button/bg_btn_valid.gif);
}
#wizard .aggregator div.zone a.return {
	background-position	: 3px center;
	background-repeat	: no-repeat;
	padding-left		: 20px;
}

/* styles du module form */
#wizard .aggregator div.zone fieldset p{
	padding		: 5px 0;
	clear		: both;
	margin		: 0;
}

#wizard .aggregator div.zone label{
	font-weight	: bold;
	text-align	: right;
	width		: 230px;
	display		: block;
	float		: left;
	line-height	: 2.3ex;
}

#wizard .aggregator div.zone fieldset{
	border		: 0;
	margin		: 10px 0 15px;
}

#wizard .aggregator div.zone input[type=text], #wizard .aggregator div.zone input[type=password], #wizard .aggregator div.zone textarea {
	line-height		: 2.3ex;
	border			: 1px solid #ddd;
	font-size		: 110%;
}
#wizard .aggregator div.zone input[type=submit] {
	border			: 1px solid #ddd;
	padding			: 2px 20px 2px 2px;
	cursor			: pointer;
	font-size		: 110%;
	font-weight		: bold;
	background		: url(../interface/public/chevrons.jpg) #f7f7f7 no-repeat right center;
}
#wizard .aggregator div.zone input[readonly] {
	background-color: #EEE;
	border-color	: #ccc;
	color			: #999;
}

/* LINKS */
.aggregator div.link_nbbestlinks li {
	clear			: both;
}
.aggregator div.link_nbbestlinks li strong img {
	border			: 0;
}
.aggregator div.link_nbbestlinks li p img {
	float			: left;
}

.aggregator div.link_nbbestlinks img.link_notation, .aggregator div.link_nbbestlinks img.link_notation_empty {
	width			: 16px;
	height			: 16px;
	margin			: 0;
}

#wizard .aggregator input.link_notation, #wizard .aggregator input.link_notation_empty, #wizard .aggregator input.link_notation_over {
	width			: 16px;
	height			: 16px;
	border			: 0px solid #fff;
	background		: center bottom no-repeat;
}

#wizard .aggregator input.link_notation {
	background-image: url("../interface/admin/link_star.gif");
}

#wizard .aggregator input.link_notation_empty {
	background-image: url("../interface/admin/link_star_empty.gif");
}

#wizard .aggregator input.link_notation_over {
	background-image: url("../interface/admin/link_star_over.gif");
}

#wizard .aggregator .zone img.link_notation, #wizard .aggregator .zone img.link_notation_empty {
	width			: 16px;
	height			: 16px;
	margin			: 0;
}

#wizard .aggregator #orphanlinkslist, #wizard .aggregator #linkgroupslist, #wizard .aggregator #linkslist {
	margin-top	: 10px;
}
#wizard .aggregator #linkgroupslist li, #wizard .aggregator #orphanlinkslist li, #wizard .aggregator #linkslist li{
	list-style-type	: none;
	clear			: left;
}
#wizard .aggregator #linkgroupslist strong a, #wizard .aggregator #linkslist strong a, #wizard .aggregator #orphanlinkslist strong a{
	font-size	: 1.15em;
}
#wizard .aggregator #linkgroupslist li strong img, #wizard .aggregator #orphanlinkslist li strong img, #wizard .aggregator #linkslist li strong img {
	margin		: 0;
}
#wizard .aggregator #linkgroupslist li p img, #wizard .aggregator #orphanlinkslist li p img, #wizard .aggregator #linkslist li p img {
	float		: left;
}

#wizard .aggregator #linkslist li {
	margin		: 20px 0;
}
	#wizard .aggregator #linkslist li p {
		margin-left	: 20px;
	}
#wizard .aggregator #linkslist li p img {
	margin		: 0 5px 5px;
}


/* DIRECTORY */
/* vue ORGANIGRAMME */
#wizard .aggregator #organigram_flowchart {
	margin-top	: 15px;
}
#wizard .aggregator #organigram_flowchart ul{
	position	: relative;
	margin		: 0;
	background	: url(../../directory/interface/public/bg_service_level.gif) transparent top repeat-x;
}
	#wizard .aggregator #organigram_flowchart ul:first-child {
		background	: none;
	}

	#wizard .aggregator #organigram_flowchart li {
		float		: left;
		list-style	: none;
		margin		: 0;
		text-align	: center;
	}
	#wizard .aggregator #organigram_flowchart div, #wizard .aggregator #organigram_active_service li div {
		background-color: #eee !important;
		margin			: 10px 10px 0 10px;
		width			: 120px;
		padding			: 10px 0;
	}
	#wizard .aggregator #organigram_flowchart div.has_subservice {
		padding-bottom	: 20px !important;
		background		: url(../../directory/interface/public/bg_has_subservice.gif) transparent center bottom no-repeat;
		background-color: #eee;
	}
	#wizard .aggregator #organigram_flowchart li ul{
		position	: absolute;
		top			: 110px;
	}
		#wizard .aggregator #organigram_flowchart li strong a{
			font-weight	: bold;
		}
		#wizard .aggregator #organigram_flowchart li p a.actiboxlink {
			display		: table-cell;
			float		: none;
		}

	#wizard .aggregator #organigram_active_service div {
		background-color	: #ffc !important;
	}

	#wizard .aggregator #organigram_active_service ul div.has_subservice {
		background-color	: #eee !important;
	}

#wizard .aggregator .leftside_service {
	background	: url(../../directory/interface/public/bg_leftside_service.gif) center top no-repeat !important;
}
#wizard .aggregator .rightside_service {
	background	: url(../../directory/interface/public/bg_rightside_service.gif) center top no-repeat !important;
}
#wizard .aggregator .center_service {
	background	: url(../../directory/interface/public/bg_center_service.gif) center top no-repeat !important;
}

/* fiche détails */
.service_details {
	margin		: 0 10px;
}
.service_details dt {
	font-weight	: bold;
	margin		: 10px 0 0;
}
.service_details dd {
	margin-left	: 20px;
}