/* Project : Mango Studio v.2.0 lite
*  Author  : PL
*  History : 2014-05-31 Original version
*
*  Subject : Back Office - Stylesheet
*
*  Dark brown.......... #484847 (logo, text)
*  Beige (darker)...... #7c7a6b (grid header, text)
*  Beige (medium)...... #b1ad97
*  Beige (light)....... #e4e2db (grid rows)
*  Beige (extralight).. #f2f1ee (grid rows)
*  Dark Blue........... #145d93 (links on)
*  Light Blue.......... #3093c7 (links off)
*  Red................. #dc0f0f (errors)
*
*/
html {
	font-size: 100%; /* IE 6-7 compatibility */
}
body {
	margin: 0;
	padding: 0;
	background-color: #868473;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #fff;
}
p, h1, h2, h3, h4, h5, h6, ul, li, table, form {
	margin: 0;
	padding: 0;
}
img { border: none; vertical-align: middle; }
input, button, select { vertical-align: middle; outline: none; }

a { text-decoration: none; }
a:link, a:visited { color: #3093c7; }
a:hover, a:active { color: #145d93; }

#root {
	width: 920px;
	margin: 15px auto;
	color: #757575;
}
#root #top {
	background-image: url(../dlxmanager/images/root-top.png);
	background-repeat: no-repeat;
	height: 10px;
}
#root #middle {
	background-image: url(../dlxmanager/images/root-middle.png);
	background-repeat: repeat-y;
	padding: 0 10px;
}
#root #bottom {
	background-image: url(../dlxmanager/images/root-bottom.png);
	background-repeat: no-repeat;
	height: 15px;
}

/***** Header & Footer *****/
#header #topicons {
	line-height: 20px;
	margin-left: 750px;
	height: 55px;
}
#header #application {
	background-color: #e7e7e7;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #999;
	text-transform: uppercase;
	text-align: center;
	height: 20px;
	line-height: 20px;
	letter-spacing: .8px;
}
#header #logo {
	position: absolute;
	margin-left: 6px;
	margin-top: 0px;
	border: 1px solid #e4e2db;
}
#header #langs {
	position: absolute;
	text-align: right;
	margin-left: 800px;
	margin-top: -20px;
	background-color: #fff;
	padding: 0 5px 2px 5px;
}

#footer {
	height: 24px;
	line-height: 24px;
	background-color: #fff;
	background-image: url(../dlxmanager/images/footer.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: 1px solid #ccc;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #757575;
	text-transform: uppercase;
	padding: 0 5px;
	letter-spacing: .8px;
}
#footer #logosmall {
	float: left;
	margin-top: -4px;
	margin-left: 2px;
}
#footer #copyright {
	float: left;
	margin-left: 5px;
}
#footer #dateoftheday {
	float: right;
	margin-right: 5px;
}

/***** Contents *****/
#content {
	min-height: 520px;
	margin: 20px 30px;
	overflow: hidden;
}
#content #title-section {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 20px;
	color: #125c93;
	font-weight: bold;
	font-style: italic;
	line-height: 36px;
}
#content #path {
	font-size: 10px;
	color: #999;
	font-style: normal;
	text-transform: uppercase;
	text-align: left;
	margin-top: -5px;
	margin-bottom: 20px;
}

#navig {
	float: left;
	width: 200px;
}

#navig .modules {
	border: 0px solid #dedede;
	background-color: #fff;
}

#main {
	margin-left: 220px;
}
#main #leftside {
	float: left;
	width: 260px;
}
#main #rightside {
	margin-left: 265px;
}

/***** Login page *****/
#login {
	width: 390px;
	height: 220px;
	background-image: url(../dlxmanager/images/login.png);
	background-position: top center;
	background-repeat: no-repeat;
}
#login #title {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #999;
	text-align: left;
	padding-top: 6px;
	margin-left: 55px;
}
#login #intro {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #999;
	text-align: left;
	line-height: 12px;
	padding-top: 3px;
	margin-left: 55px;
	margin-right: 20px;
}

/***** Homepage *****/
#title-big {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 20px;
	color: #125c93;
	font-weight: bold;
	font-style: italic;
}

#welcome {
	margin: 0 60px;
}
#welcome p {
	margin-top: 15px;
	text-align: justify;
	line-height: 14px;
}

#bloc_modules {
	width: 410px;
	margin-left: 425px;
	margin-top: 10px;
	overflow: hidden;
}

#tagcloud {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	background-color: #3093c7;
	color: #fff;
	padding: 0 5px;
	margin-top: 20px;
}
#tagcloud A:link, #tagcloud A:visited {
	color: #fff;
}
#tagcloud A:active, #tagcloud A:hover {
	color: #145d93;
}
#tagcloud .title {
	font-size: 10px;
	color: #145d93;
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-top: 3px;
}
#tagcloud .title A:link, #tagcloud .title A:visited {
	color: #145d93;
}
#tagcloud .title A:active, #tagcloud .title A:hover {
	color: #fff;
}
#tagcloud .emptytext {
	font-size: 11px;
	color: #fff;
	font-style: italic;
	text-align: justify;
	line-height: 16px;
	margin: 5px 20px;
}

/***** Boxes *****/
.top200 {
	width: 200px;
	height: 4px;
	background-image: url(../dlxmanager/images/boxes/top200.png);
	background-repeat: no-repeat;
}
.bot200 {
	width: 200px;
	height: 8px;
	background-image: url(../dlxmanager/images/boxes/bot200.png);
	background-repeat: no-repeat;
}
.mid200 {
	width: 200px;
	background-image: url(../dlxmanager/images/boxes/mid200.png);
	background-repeat: repeat-y;
	text-align: left;
}
.top250 {
	width: 250px;
	height: 4px;
	background-image: url(../dlxmanager/images/boxes/top250.png);
	background-repeat: no-repeat;
}
.bot250 {
	width: 250px;
	height: 8px;
	background-image: url(../dlxmanager/images/boxes/bot250.png);
	background-repeat: no-repeat;
}
.mid250 {
	width: 250px;
	background-image: url(../dlxmanager/images/boxes/mid250.png);
	background-repeat: repeat-y;
	text-align: left;
}
.top300 {
	width: 300px;
	height: 4px;
	background-image: url(../dlxmanager/images/boxes/top300.png);
	background-repeat: no-repeat;
}
.bot300 {
	width: 300px;
	height: 8px;
	background-image: url(../dlxmanager/images/boxes/bot300.png);
	background-repeat: no-repeat;
}
.mid300 {
	width: 300px;
	background-image: url(../dlxmanager/images/boxes/mid300.png);
	background-repeat: repeat-y;
	text-align: left;
}
.top350 {
	width: 350px;
	height: 4px;
	background-image: url(../dlxmanager/images/boxes/top350.png);
	background-repeat: no-repeat;
}
.bot350 {
	width: 350px;
	height: 8px;
	background-image: url(../dlxmanager/images/boxes/bot350.png);
	background-repeat: no-repeat;
}
.mid350 {
	width: 350px;
	background-image: url(../dlxmanager/images/boxes/mid350.png);
	background-repeat: repeat-y;
	text-align: left;
}
.top400 {
	width: 400px;
	height: 4px;
	background-image: url(../dlxmanager/images/boxes/top400.png);
	background-repeat: no-repeat;
}
.bot400 {
	width: 400px;
	height: 8px;
	background-image: url(../dlxmanager/images/boxes/bot400.png);
	background-repeat: no-repeat;
}
.mid400 {
	width: 400px;
	background-image: url(../dlxmanager/images/boxes/mid400.png);
	background-repeat: repeat-y;
	text-align: left;
}
.top450 {
	width: 450px;
	height: 4px;
	background-image: url(../dlxmanager/images/boxes/top450.png);
	background-repeat: no-repeat;
}
.bot450 {
	width: 450px;
	height: 8px;
	background-image: url(../dlxmanager/images/boxes/bot450.png);
	background-repeat: no-repeat;
}
.mid450 {
	width: 450px;
	background-image: url(../dlxmanager/images/boxes/mid450.png);
	background-repeat: repeat-y;
	text-align: left;
}
.top500 {
	width: 500px;
	height: 4px;
	background-image: url(../dlxmanager/images/boxes/top500.png);
	background-repeat: no-repeat;
}
.bot500 {
	width: 500px;
	height: 8px;
	background-image: url(../dlxmanager/images/boxes/bot500.png);
	background-repeat: no-repeat;
}
.mid500 {
	width: 500px;
	background-image: url(../dlxmanager/images/boxes/mid500.png);
	background-repeat: repeat-y;
	text-align: left;
}
.top550 {
	width: 550px;
	height: 4px;
	background-image: url(../dlxmanager/images/boxes/top550.png);
	background-repeat: no-repeat;
}
.bot550 {
	width: 550px;
	height: 8px;
	background-image: url(../dlxmanager/images/boxes/bot550.png);
	background-repeat: no-repeat;
}
.mid550 {
	width: 550px;
	background-image: url(../dlxmanager/images/boxes/mid550.png);
	background-repeat: repeat-y;
	text-align: left;
}
.top600 {
	width: 600px;
	height: 4px;
	background-image: url(../dlxmanager/images/boxes/top600.png);
	background-repeat: no-repeat;
}
.bot600 {
	width: 600px;
	height: 8px;
	background-image: url(../dlxmanager/images/boxes/bot600.png);
	background-repeat: no-repeat;
}
.mid600 {
	width: 600px;
	background-image: url(../dlxmanager/images/boxes/mid600.png);
	background-repeat: repeat-y;
	text-align: left;
}

.rounded {
	background-color: #f1f1f1;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #757575;
	text-align: left;
	padding: 0 10px;
}
.rounded A:link, .rounded A:visited {
	color: #757575;
}
.rounded A:active, .rounded A:hover {
	color: #484847;
}
.rounded .intro {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #999;
}
.rounded .cell {
	margin: 0;
	padding: 0;
	height: 30px;
}
.rounded475top {
	width: 475px;
	height: 10px;
	background-image: url(../dlxmanager/images/boxes/top475grey.png);
	background-repeat: no-repeat;
}
.rounded475bottom {
	width: 475px;
	height: 10px;
	background-image: url(../dlxmanager/images/boxes/bot475grey.png);
	background-repeat: no-repeat;
}
.rounded520top {
	width: 520px;
	height: 10px;
	background-image: url(../dlxmanager/images/boxes/top520grey.png);
	background-repeat: no-repeat;
}
.rounded520bottom {
	width: 520px;
	height: 10px;
	background-image: url(../dlxmanager/images/boxes/bot520grey.png);
	background-repeat: no-repeat;
}
.rounded560top {
	width: 560px;
	height: 10px;
	background-image: url(../dlxmanager/images/boxes/top560grey.png);
	background-repeat: no-repeat;
}
.rounded560bottom {
	width: 560px;
	height: 10px;
	background-image: url(../dlxmanager/images/boxes/bot560grey.png);
	background-repeat: no-repeat;
}

/***** Sitemap *****/
.sitemap {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	text-align: left;
}
.sitemap A:link, .sitemap A:visited {
	color: #484847;
}
.sitemap A:active, .sitemap A:hover {
	color: #3093c7;
}
.sitemap-n0 { /* (off menu) */
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	line-height: 19px;
	padding-left: 25px;
	border-top: 1px solid #dedede;
}
.sitemap-n1 {
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	line-height: 20px;
	padding-left: 5px;
	border-top: 1px solid #dedede;
}
.sitemap-n2 {
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	line-height: 19px;
	padding-left: 20px;
	border-top: 1px solid #dedede;
}
.sitemap-n3 {
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	line-height: 17px;
	padding-left: 20px;
	border-top: 1px solid #dedede;
}
.sitemap-n4 {
	overflow: hidden;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
	line-height: 15px;
	padding-left: 20px;
	border-top: 1px solid #dedede;
}

.articles {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #484847;
	background-color: #ebebe9;
	padding: 1px 3px;
	margin: 2px 0px 2px 15px;
	line-height: 20px;
}
.articles_cms {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #999;
	background-color: #ebebe9;
	line-height: 20px;
	padding: 0 3px;
}
.articles_cms A:link, .articles_cms A:visited {
	color: #484847;
}
.articles_cms A:active, .articles_cms A:hover {
	color: #3093c7;
}

/***** Errors & notices *****/
#error {
	width: 380px;
	background-color: #fbe0e0;
	background-image: url(../dlxmanager/images/error.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #d93535;
	font-size: 10px;
	text-align: left;
	border: 1px solid #edb0b0;
	margin: 10px auto;
}
#error #title {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 13px;
	font-style: italic;
	margin: 3px 5px 0 22px;
}
#error #msg {
	margin: 0 5px 3px 22px;
}

#notice {
	width: 380px;
	background-color: #d2ecc5;
	background-image: url(../dlxmanager/images/notice.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #6a9d50;
	font-size: 10px;
	text-align: left;
	border: 1px solid #a5d090;
	margin: 10px auto;
}
#notice #title {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 13px;
	font-style: italic;
	margin: 3px 5px 0 24px;
}
#notice #msg {
	margin: 0 5px 3px 24px;
}

#message {
	width: 380px;
	background-color: #ebeced;
	font-family: Verdana, Helvetica, Sans-Serif;
	background-image: url(../dlxmanager/images/info.png);
	background-position: top left;
	background-repeat: no-repeat;
	color: #89898b;
	font-size: 10px;
	text-align: left;
	border: 1px solid #abacac;
	margin: 10px auto;
}
#message #title {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 13px;
	font-style: italic;
	margin: 3px 5px 0 24px;
}
#message #msg {
	margin: 0 5px 3px 24px;
}

#message2 {
	width: 85%;
	background-color: #ebeced;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #89898b;
	font-size: 12px;
	text-align: left;
	border: 1px solid #abacac;
	margin: 5px auto;
}
#message2 #msg {
	margin: 6px 10px;
}

/***** Forms *****/
.form { padding: 2px 8px 10px 6px; }

.form p {
	padding-bottom: 3px;
	overflow: hidden;
	width: 100%; /* (IE6 compatibility) */
}
.form label {
	float: left;
	width: 120px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #757575;
	text-align: right;
	padding: 0;
	margin: 0 2px 0 0;
	line-height: 18px;
}
.form .caption {
	float: left;
	width: auto;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #757575;
	text-align: left;
	padding: 0;
	margin: 0 2px 0 0;
	line-height: 18px;
}
.form .value {
	float: none;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #484847;
	text-align: left;
	line-height: 18px;
}
.form .biglabel {
	float: left;
	width: 120px;
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #757575;
	text-align: left;
	padding: 0;
	margin: 0 2px 0 0;
	line-height: 18px;
}
.form .toplabel {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #757575;
	text-align: left;
	padding: 0;
	margin: 0 2px 0 10px;
}
.form .textbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4a4a4a;
	background-color: #fff;
   border: solid 1px #757575;
	padding: 1px 3px;
}
.form .listbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4a4a4a;
	background-color: #fff;
   border: solid 1px #757575;
	padding: 1px 2px 1px 1px;
}
.form button {
	padding: 0;
	margin: 0;
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #4a4a4a;
	text-transform: uppercase;
	width: 90px;
	line-height: 18px;
	vertical-align: middle;
}
.form button img {
	width: 16px;
	height: 16px;
	margin: 0 5px 2px 0;
}

.form .title {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	font-style: italic;
	background-color: #e7e7e7;
	background-image: url(../dlxmanager/images/form_icon.png);
	background-position: center left;
	background-repeat: no-repeat;
	height: 22px;
	line-height: 22px;
	padding-left: 26px;
}
.form .mediumtitle {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #ccc;
}
.form .subtitle {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	color: #3093c7;
	margin: 5px 0;
}
.form .subtitle-grey {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	color: #999;
	margin: 5px 0;
}

.required {
	color: #d93535;
}

.form #filelogo {
	float: right;
	margin-right: 20px;
}
.form #fileicon {
	position: absolute;
	left: 260px;
}

.miniform { padding: 2px 8px 10px 6px; }

.miniform p {
	padding-bottom: 3px;
	overflow: hidden;
	width: 100%; /* (IE6 compatibility) */
}
.miniform .title {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	font-style: italic;
	background-color: #e7e7e7;
	background-image: url(../dlxmanager/images/search_icon.png);
	background-position: center left;
	background-repeat: no-repeat;
	height: 22px;
	line-height: 22px;
	padding-left: 26px;
}
.miniform label {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #757575;
	text-align: right;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
.miniform .textbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #282d2e;
	background-color: #fff;
   border: solid 1px #999;
	padding: 2px;
}
.miniform .listbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #282d2e;
	background-color: #fff;
   border: solid 1px #999;
	padding: 1px;
}
.miniform .btn_search {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-bottom: 3px;
}

.separ {
	line-height: 1px;
	border-bottom: 1px solid #e4e2db;
	margin: 5px 0;
}

/***** Multiselect *****/
.multiselect {
	position: relative;
	top: -15px;
	left: 200px;
	z-index: 9999;
}
.multiselect .container {
	padding: 3px 2px;
	min-width: 220px;
	position: absolute;
	background-color: #f1f1f1;
	border: 1px solid #999;
	vertical-align: middle;
}
.multiselect .item {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	color: #757575;
	line-height: 14px;
}
.multiselect .link {
	font-size: 10px;
	color: #6b6b6b;
	font-style: normal;
	font-weight: normal;
}
.multiselect .link A:link, .multiselect .link A:visited {
	color: #eb6909;
}
.multiselect .link A:active, .multiselect .link A:hover {
	color: #f49e00;
}

/***** Datagrids *****/
.datagrid {
	overflow: hidden;
	margin: 0 7px 0 5px;
}
.datagrid table {
	width: 100%;
}
.datagrid td {
	padding: 3px 5px;
}
.datagrid A:link, .datagrid A:visited {
	color: #145d93;
}
.datagrid A:active, .datagrid A:hover {
	color: #e51717;
}
.datagrid .red A:link, .datagrid .red A:visited {
	color: #e51717;
}
.datagrid .red A:active, .datagrid .red A:hover {
	color: #145d93;
}
.datagrid .header {
	color: #fff;
	background-color: #4a4a4a;
	text-transform: uppercase;
	text-align: center;
}
.datagrid .row0 {
	background-color: #f2f2f2;
}
.datagrid .row1 {
	background-color: #e7e7e7;
}
.datagrid .row2 {
	background-color: #fec4c4; /* (stand-by) */
}

.datagrid .textbox, .smalltextbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #282d2e;
	background-color: #fff;
   border: solid 1px #dbdedd;
	padding: 1px;
	text-align: right;
}

.datagrid .pager {
	line-height: 22px;
	padding: 3px 0;
}
.datagrid .pager img {
	padding-bottom: 3px;
}
.datagrid .pager .listbox {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #282d2e;
	background-color: #fff;
    border: solid 1px #dbdedd;
	padding: 1px;
}
.datagrid button {
	padding: 0;
	margin: 0;
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #4a4a4a;
	text-transform: uppercase;
	width: 90px;
	height: 24px;
	vertical-align: middle;
}
.datagrid button img {
	width: 14px;
	height: 14px;
	margin: 0 5px 2px 0;
}

/***** Tooltips *****/
.tip {
	font-family: Verdana, Helvetica, Sans-Serif;
	background-color: #f1f1f1;
	padding: 1px;
	border: 1px solid #145d93;
	max-width: 300px;
	overflow: hidden;
}
.tip-title {
	color: #fff;
	background-color: #145d93;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 2px 5px;
}
.tip-text {
	color: #4a4a4a;
	font-size: 10px;
	padding: 2px 5px;
}
.tooltip img {
	vertical-align: top;
}
.form .title .tooltip img, .miniform .title .tooltip img {
	float: right;
	margin-top: 2px;
	margin-right: 2px;
	padding: 0;
}

/***** Titles and texts *****/
.endofline {
	clear: right;
	overflow: hidden;
	line-height: 0px;
}

.separator {
	border-top: 2px solid #e7e7e7;
	margin: 5px auto;
}

.bigtitle {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #757575;
}

.subtitle {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #757575;
}

.medtitle {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: #cbcbcb;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.minititle {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #999;
}

.signature {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #0d5991;
	font-weight: normal;
	font-style: italic;
}

.textenormal {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #757575;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}
.texteinfo {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #999;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}
.texteintro {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #b5b5b5;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
}

.smallcaps {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	color: #999;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}
.smallcaps A:link, .smallcaps A:visited {
	color: #3093c7;
}
.smallcaps A:active, .smallcaps A:hover {
	color: #999;
}

.underline {
	border-bottom: 1px solid #dedede;
	line-height: 5px;
	margin-bottom: 5px;
}

.item {
	overflow: hidden;
}
.item .caption {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #7c7a6b;
	float: left;
	width: 140px;
	text-align: right;
	line-height: 20px;
}
.item .value {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	color: #484847;
	text-align: left;
	margin-left: 145px;
	line-height: 20px;
}

/***** Vignettes *****/
.vignette {
	width: 180px;
	height: 155px;
	border: 1px solid #cbcbcb;
	background-color: #e7e7e7;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}
.default {
	border: 1px solid #9ab0da;
	background-color: #bfd2f5;
}
.standby {
	border: 1px solid #dea5a5;
	background-color: #fec4c4;
}
.vignette img, .vignette-default img, .vignette-standby img {
	border: 1px solid #cbcbcb;
}

.vignette-legend {
	font-style: normal;
	margin: 3px 0;
}
.vignette-header {
	font-size: 10px;
	font-weight: normal;
	color: #484847;
	margin-top: 2px;
}

/***** Tableau des fichiers *****/
.file_system {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #484847;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	padding: 2px;
}
.file_system a:link, .file_system a:visited {
	color: #145d93;
}
.file_system a:active, .file_system a:hover {
	color: #757575;
}
.file_system th {
	background-color: #484847;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #fff;
	padding: 3px;
}
.file_list {
	height: 118px;
	overflow: auto;
	background-color: #fff;
}
.file_row {
	background-color: #e7e7e7;
	padding: 3px;
}

/***** Mailing-lists *****/
.ac_togglers {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #7c7a6b;
	cursor: pointer;
}
.ac_contents {
	padding: 5px;
	background-color: #efefef;
}
.cadre {
	background-color: #f2f1ee;
	padding: 2px 6px;
	border: 1px solid #7c7a6b;
}
.spinner {
	background-image: url(../dlxmanager/images/spinner.gif);
	background-position: top center;
	background-repeat: no-repeat;
	color: #7c7a6b;
	padding-top: 16px;
	margin-top: 30px;
	line-height: 20px;
}

/***** Tabs *****/
#tabs {
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	padding-left: 5px;
}
#tabs .tab {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	background-color: #999;
	height: 20px;
	line-height: 20px;
	float: left;
	margin-right: 2px;
}
#tabs .active {
	background-color: #cbcbcb;
}
#tabs .tab A:link, #tabs .tab A:visited {
	color: #fff;
}
#tabs .active A:link, #tabs .active A:visited {
	color: #757575;
}
#tabs .tab A:active, #tabs .tab A:hover {
	color: #4a4a4a;
}

/***** Slider *****/
#slider {
	width: 100%;
	height: 380px;
	overflow: hidden;
	margin-top: 5px;
}
#slider .page {
	display: inline-block;
	width: 100%;
}

#pagers {
	margin-left: 5px;
}

#first-pager, #last-pager, #prev-pager, #next-pager {
	display: inline;
	cursor: pointer;
}

/***** Explorateur de fichiers *****/
.explorer {
	background-color: #e7e7e7;
	margin: 5px 10px;
	padding: 5px;
	overflow: hidden;
}
.explorer .subtitle {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #999;
}

/***** Roadmap *****/
#mapcontainer {
	width: 350px;
	height: 270px;
	position: relative;
	text-align: center;
	margin-left: 132px;
}
#mapcontainer .dots {
	position: absolute;
}
#mapcontainer #mydot {
	cursor: pointer;
}

/***** Accordion *****/
.accordion {
    padding: .75rem 1rem;
}
.accordion .togglers {
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #484847;
    color: #ffffff;
    padding: .25rem .375rem;
    cursor: pointer;
    border-radius: 3px 3px 0 0;
    margin-top: .5rem;
}
.accordion .elements {
    border: 1px solid #484847 !important;
    background-color: #efefef;
    border-radius: 0 0 3px 3px;
}
.accordion .elements .entry {
    padding: .25rem .75rem;
}
.accordion .elements .entry:first-child {
    padding-top: .75rem;
}
.accordion .elements .entry:last-child {
    padding-bottom: .75rem;
}
.accordion .elements .entry .caption {
    font-size: .75rem;
    font-weight: 400;
    color: #000000;
	margin-bottom: 0;
}
.accordion .elements .entry .slug {
    font-size: .625rem;
	margin-bottom: 0;
    color: #145d93;
}