/* reset styles for browser compatibility
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{}legend{color:#000;}del,ins{text-decoration:none;}
/* Styles used in C3IMS interface
 * Copyright (c) 2011, F. Philibert-Caillat. All rights reserved.
 * Code licensed under the BSD License:
 * version: 20110601
*/
html {
	margin:0;
	padding:0;
}
body {
	font: "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif; 
        /* font: small sans-serif; */
}

/*** Main containers (see also in site.css) ***/
#main { margin-bottom:7px;width:640px; }
#foot { font: x-small sans-serif; }
.mainidx {
	/*** Main container in page ***/
	background-color:transparent;
	padding-left:15px;
	padding-right:15px;
	height:100%;
}

/*** Basic page elements styles ***/
.logo { text-decoration:none !important;border:none !important;vertical-align:middle; }
.icon { text-decoration:none !important;border:none !important; }
.smallcaps { font-variant:small-caps !important; }
.done { display:inline;color:#336699; }
.error,.required { color:red;font-weight:600; }
.link,.link a,.link a:hover { color:#0066ff; }

/* Shadows */
.shadow { 
        color:#666666;
        -moz-box-shadow: 0px 3px 4px #000;
        -webkit-box-shadow: 0px 3px 4px #000;
        box-shadow: 0px 3px 4px #000;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.shadow-top { 
        /* No IE as it doesn't handle properly the left margin here */
        color:#666666;
        -moz-box-shadow: 0px -3px 4px #ccc;
        -webkit-box-shadow: 0px -3px 4px #ccc;
        box-shadow: 0px -3px 4px #ccc;
	/* opacity: .9; */ 
}
.inner-shadow { 
        /* No IE here */
        color:#666666;
        -moz-box-shadow:inset 0px 3px 4px #000;
        -webkit-box-shadow:inset 0px 3px 4px #000;
        box-shadow:inset 0px 3px 4px #000;
}

/*** Titles ***/
h1,h2,h3 { font-variant : small-caps; }
h1 { font-size:160%; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:120%; }

/*** Paragraph and various html tags ***/
p           { font-size:inherit;margin:0 0 0.2em; }
p.last      { margin-bottom:0; }
p.small     { font-size:.85em; }
ul          { margin:.5em 0 .5em 1em; list-style-type:disc; }
ol          { margin:.5em 0 .5em 1.2em; list-style-type:decimal; }
dl          { margin:0 0 0.1em; }
dl dt       { font-weight:bold; }
dd          { margin-left:0.5em; }
abbr,
acronym     { border-bottom:1px dotted #666; }
address     { margin-top:0.5em; font-style:italic; }
del         { color:#666; }
a           { color:#23618a; text-decoration:underline; }
a { text-decoration:none;color:inherit; }
a:focus,
a:hover     { color:#000; }
a:hover { text-decoration:underline;color:#444444; }
blockquote  { color:#666; font-style:italic; }
strong      { font-weight:bold; }
em, dfn     { font-style:italic; font-weight:500; }
dfn         { font-weight:bold; }
pre,code    { white-space:pre; }
pre,code,tt { font:1em 'andale mono', 'monotype.com', 'lucida console', monospace; } 
tt          { display:block; margin:0.5em 0; }
img         { border:none; }

/*** Tables ***/
table { font: small sans-serif; }
tr.odd { background-color: #efefef; }
tr.even { background-color: #ffffff; }
td.actions { font-size: inherit; }
tr.intitules { font-weight:900; }


/*** Categories ***/
#categoriesTree ul {
	font-size:inherit;
	margin: 0px 0px 0px 0px;
	padding-top:0;
	padding-left: 2em;
	padding-bottom: 1em;
	background-color: transparent;
}
#categoriesTree ul li {
	padding-top: 0.4em;
	list-style-type: none;
	margin-right: 1em;
	display: block;
	font-size: smaller;
	color:#333333;
	
}
.category {
	display:inline;
	margin:0 !important;
	padding:0 !important;	
	padding-bottom: 1px;
}

.childcategory {
	font-size:smaller;
	color:#333333;
}

/*** Tags ***/
.ltags {
	display:table-cell;
	font-size:inherit;
}

.tag {
	line-height:200%;
	padding-left:3px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	display:inline;
	color:#ffffff !important;
	text-decoration:none !important;
	background-color:#336699;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.tag a {
	color:inherit;
	text-decoration:none;
}

/*** Calendar ***/
.calendar {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	}
.calendar caption {
	margin: 0;
	padding: .3em 0;
	background: transparent;
	font-size: 1.2em;
	font-weight:600;
	}
.calendar th {
	border-bottom: 1px solid #333333;
	font-weight: 600;
	background: #ffffff;
	}
.calendar td {
	border: 1px solid #fff;
	padding: .1em .3em ;
	width: 1em;
	text-align: center;
	}
.calendar a {
	color: #000;
	text-decoration: none;
	}

.calendar td.today {
	background: #ffc;
	}
.calendar td.selected {
	border: 1px dotted #ff6600;
	}
.calendar td.highlighted {
	background: #ced2aa;
	}
	
.calendar td:hover, .calendar td.today:hover, 
.calendar td.selected:hover, .calendar td.highlighted:hover {
	background: #ffeecc;
	border: 1px solid #333333;
	}

table.calendar td.pad {
	color: #999;
	background: #fff;
	}
table.calendar td.pad:hover {
	background: none;
	border: 0;
	}
	
.sunday, .saturday {
	background: #f0f0f0;
	}
	
#year {
	padding: 0;
	width: 500px;
	list-style: none;
	}
#year:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#year li {
	float: left;
	padding: 0 .5em .5em 0;
	height: 150px;
	}

/*** Zone for storing information on navigation and interface ***/
.browser-transparent {
	background-color:inherit;
	color:#444444;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.browser {
	background-color:#cee0ff;
	/* gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cee0ff', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cee0ff), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cee0ff,  #ffffff); /* for firefox 3.6+ */ 
	color:#444444;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.browser2 {
	background-color:#cee0ff;
	/* gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cee0ff', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cee0ff), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cee0ff,  #ffffff); /* for firefox 3.6+ */ 
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:640px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top:10px;
	margin-bottom:10px;
}
/* same as above for use at bottom of page */
.bbrowser {
	background-color:#fffccc;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:10px;
}

/*** Votes (counters are .up,.down,.upmsg and .downmsg) ***/
.boxv
{
text-align:center;
margin-left:0px;
margin-right:10px;
padding-left:5px;
padding-right:5px;
float:left;
width:36px;
height:100%;
}
.votes {
	margin-left:-7px;
	font-size:0.8em;
	font-variant : small-caps;
	color:#444444;
	font-weight:600;
}
.up,.up a
{
height:26px;
width:26px;
font-size:13px;
font-weight:900;
color:#ffffff !important;
text-decoration:none !important;
background-color:#a3d242;
margin-bottom:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.down,.down a  
{
height:26px;
width:26px;
font-size:13px;
font-weight:900;
color:#ffffff !important;
text-decoration:none !important;
background-color:#dd0000;
margin-top:3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.upmsg,.upmsg a
{
height:26px;
width:26px;
font-size:13px;
color:#dedcd5!important;
text-decoration:none !important;
text-shadow:none !important;
background-color:#4c88ff;
margin-bottom:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-weight:900;
}
.downmsg,.downmsg a  
{
height:26px;
width:26px;
font-size:13px;
color:#dedcd5!important;
text-decoration:none !important;
text-shadow:none !important;
background-color:#5990ff;
margin-top:3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-weight:900;
}
/*** Ratings ***/
.brating
{
font-size:x-small;
text-align:center;
color:#000000 !important;
text-decoration:none !important;
background-color:#fffccc;
padding:2px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}
.bratinginfo
{
font-size:x-small;
text-align:left;
color:#444444!important;
text-decoration:none !important;
background-color:#fffccc;
padding-left:15px;
margin-left:50px;
padding-bottom:5px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

/*** Comments ***/
.NumberOfComments {
	width:26px;
	margin:10px;
	padding:5px;
	float:right;
	text-align:center;
	font-variant : small-caps;
	font-weight:600;
	height:36px;
	font-size:14px;
	font-weight:900;
	color:#ffffff!important;
	text-decoration:none !important;
	text-transform:none !important;
	background-color:#407fff;
	margin-bottom:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.NumberOfComments a {
	color:#ffffff!important;
	text-decoration:none !important;
	text-transform:none !important;
}
.listcomment{
	background-color:inherit;
	margin-bottom:10px;
}
.comment,.comment_important {
	font-size:1em !important;
}

/*** Alerts / warnings displayed in modal ***/
#alertes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#alertes #alerte {
  line-height:100%;
  font-size:12px;
  width:390px; 
  height:250px;
  border:1px solid #000000;
  padding:10px;
  background-color:#ffffff;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9005;
  background-color:#c7d1c1;
  display:none;
}

/*** Images displayed in modal ***/
#showPictures .windowPicture {
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:9998;
  padding:20px;
}
#showPictures #aPicture {
  line-height:100%;
  font-size:12px;
  border:3px solid #000000;
  padding:15px;
  background-color:#ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
#maskPicture {
  position:absolute;
  left:0;
  top:0;
  z-index:9004;
  background-color:#000000;
  display:none;
}

/*** Contents ***/
/***** contents viewed in a list *****/
.listcontent,.listcontenttopublish,.listcontenttovalidate {
	width:auto;
	margin:auto;
	padding:10px;
	margin-bottom:10px;
}
.listcontent { border:1px solid #d5dfdd;-moz-border-radius: 5px;-webkit-border-radius: 5px; }
.listcontenttopublish { border-left:5px dashed #336699; }
.listcontenttovalidate { border-left:5px dotted red; }
.listcontenttitle, .listcontenttitle a {
	font-variant : small-caps;
	color:#000000;
	font-weight:900;
	padding-bottom:5px;
}
.listcontenttitle a:hover {
	text-decoration:none;
	color:#87bb1c;

}
.listcontentdescr {
	text-align:justify;
	padding-left:15px;
	padding-right:15px;
}
.listsideinfo {
	font-size:small !important;
	text-align:left;
	color:#333333!important;
	text-decoration:none !important;
	padding-left:5px;
	padding-top:0;
}
/* full view of contents */
.contentdescr {
	text-align:justify;
	padding-left:15px;
	padding-right:30px;
	padding-bottom:5px;
}
.contentdescrunpublished {
	text-align:justify;
	margin-left:10px;
	padding-left:5px;
	padding-right:30px;
	padding-bottom:5px;
	border-left:3px dashed #336699;
}
.contentdescrarchived {
	text-align:justify;
	margin-left:10px;
	padding-left:5px;
	padding-right:30px;
	padding-bottom:5px;
	border-left:3px dashed #ff6600;
}
/********** default style uses a taxobox to display icon, abstract information and links to perform actions on content **********/
.taxobox {
        color:#444444 !important;
        background-color: #ffffcc;
	/* gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efeccc', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#efeccc), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #efeccc,  #ffffff); /* for firefox 3.6+ */ 

	width:265px;
	float:right;
	margin-left:15px;
	margin-right:15px;
	padding:15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#tMeta a { 
	background-color:#518782;
	color:#ffffff!important;
	font-weight:900;
	padding-left:2px;
	padding-right:3px;
	text-decoration:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#tMeta a:hover {
	color:#ffffff;
}
#sMeta {
	margin-left:-20px!important;
	margin-right:-15px!important;
	margin-bottom:-30px!important;
	padding:10px;
	text-align:center;
	background-color:#000000;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	color:#ffffff;
}

/*** Ecommerce information ***/
.ECinfo {
        float:right;
        color:#333333;
        display:inline;
}
.ECprice {
        color:#006800;
        font-size:1.1em;
        font-weight:800;
        display:inline;
}
.ECsideinfo {
        float:right;
        color:#333333;
        font-size:x-small;
        display:inline;
}
.ECsideinfo img { position:relative; }
.ECsecsideinfo {
        color:#333333;
        font-size:x-small;
        display:inline;
}

/*** Clipboard information ***/
.CBsideinfo {
	float:right;
	padding-left:15px;
	padding-right:5px;
	color:#9a3232;
	font-size:x-small;
	font-weight:600;
	display:inline;
}
.CBsideinfo img { position:relative; left:5px;top:13px; }

/*** Diff rendering ***/
table.diff { 
    background:transparent; 
    color:#000000;
}
td.diff-otitle { 
    background:transparent; 
    color:#000000;
}
td.diff-ntitle { 
    background:transparent; 
    color:#000000;
}
td.diff-addedline {
    background:#ccffcc;
    color:#000000;
    font-size: smaller;
}
td.diff-deletedline {
    color:#000000;
    background:#ffffaa;
    font-size: smaller;
}
td.diff-context {
    color:#000000;
    background:#eeeeee;
    font-size: smaller;
}
span.diffchange { color: red; }

/*** Infobox (used to store SEO Information) ***/
.infobox
{
width:500px;
text-align:left;
margin-left:15px;
margin-right:15px;
padding:10px;
float:right;
background-color:#ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size:smaller;
text-shadow: #cccccc 4px 4px 4px;
}
.genericbox
{
width:30%;
text-align:left;
margin-left:15px;
margin-right:15px;
padding:10px;
background-color:#ffffff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
font-size:smaller;
text-shadow: #444444 1px 1px 1px;
}

/*** Navigation in pages of results ***/
.prevnextlinks {
	float:right;
}
.prevnextlinks a {
	font-size:small;
	padding-top:1px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	background-color:#333333;
	color:#ffffff;
	text-decoration:none !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.prevnextlinks #currentPage {
	background-color:#dd0000;
	color:#ffffff;
	font-weight:900;
}
.prevnextlinks #currentPage {
	background-color:#dd0000;
	color:#ffffff;
	font-weight:900;
}
.prevnextlinks #previousp {
	padding-right:1px;
	margin-right:5px;
}
.prevnextlinks #nextp {
	padding-left:1px;
	margin-right:5px;
}
#fOResults, #fOResults input[type=select], #fOResults label, #fNResults, #fNResults input[type=select], #fNResults label {
	display:inline;
	font-style:normal;
	font-size:smaller;
	padding-right:5px;
	padding-left:5px;
}
#fNResults { float:right; }
#fVSelector, #fLSelector { display:inline !important;padding-right:5px; }
#fVBSelector, #fVLSelector { display:inline !important;padding-right:5px; }

/*** Table of contents ***/
#toc {
    text-align: left !important;
    border:1px solid #555748 !important;
    -moz-border-radius: 5px 5px 5px 5px;
    background-color:transparent;
    /* background-color:transparent; */
    padding:5px;
    width:480px;
    margin-bottom:15px;
}
#toc .toctitle {
  font:95% arial, helvetica, sans-serif;
  color: #555748;
}
#toc .tocindent {
  font:95% arial, helvetica, sans-serif;
  margin-left: 2em;
}
#toc .tocline {
  font:95% arial, helvetica, sans-serif;
  margin-bottom: 0px; }
#toc p {
  font:95% arial, helvetica, sans-serif;
  margin: 0
}
#toc .toctoggle {
  font:92% arial, helvetica, sans-serif;
}
#toc .editsection {
    margin-top: 0.7em;
    font:92% arial, helvetica, sans-serif;
}
/*** Footnotes ***/
#notes {
    margin-top: 0.7em;
    font:arial, helvetica, sans-serif;
    font-size:x-small;
}
/*** Downloads (only if enabled; background color is the same as comments) ***/
.download_enabled {
background-color:#407fff;padding:5px;color:#000000 !important; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;margin-bottom:10px;margin-top:10px;
}
/* Bills */
.bill table { 
	width:100%;
	background-color:#ffffff;  
	margin-bottom:5px;  
}
/*** Warnings ***/
.warning {
	background-color:#AB0000;
	color:white;
	margin-top:10px;
	padding:10px;
	width:500px;
	
	font-size:11px;
	font-weight:bold;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.warning a, .warning a:hover { color:white !important; }

/*** Preformated text ***/
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
background: #faf8f0;
}

/*** <pre><code></code></pre> Preformated listings ***/
#content #pre-stylish code {
 display: block;
 padding: 0.5em 1em;
 border: 1px solid #bebab0;
}

/*** textsizer and textprinter widgets ***/
#textsizer
{
	text-align:right;
	margin-bottom:5px;
}
	#textsizer p { display: inline; }
ul.textresizer
{
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
ul.textresizer li {
	display: inline;
	margin: 0px;
	margin-right: 0px;
	padding: 0px;
}
ul.textresizer a {
	border: solid 1px #999;
	color: #999;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
}
ul.textresizer a:hover {
	background: #e5e5e5;
	border: solid 1px #666;
	color: #666666;
}
ul.textresizer .small-text {
	font-size: 11px;
}
	
ul.textresizer .medium-text {
	font-size: 13px;
}
ul.textresizer .large-text {
	font-size: 15px;
}
ul.textresizer .larger-text {
	font-size: 17px;
}
ul.textresizer a.textresizer-active {
	border: solid 1px #000;
	background-color: transparent;
	color: #000;				
}
.textsizer,.textprinter { display:inline; }

/***** thickbox (styles of display in modal) *****/
*{padding: 0; margin: 0;}
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	padding:0px;
}
#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack {background: url(../img/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: #ffffff;
	padding:0px !important;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	/* border: 4px solid #525252; */
        /* Shadow */
        color:#666666;
        -moz-box-shadow: 0px 3px 4px #000;
        -webkit-box-shadow: 0px 3px 4px #000;
        box-shadow: 0px 3px 4px #000;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}
#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}
#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}
#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}
#TB_title{
	background-color:#171717;
	color:#efefef;
	height:27px;
}
#TB_title a, #TB_title a:hover { color:#ffffff !important; }
#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
	padding:15px;
}
#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear:both;
	border:0;
	margin-top:-1px;
	margin-right:-4px;
	margin-bottom:0px;
	margin-left:0px;
	padding:0px;
}

/*** Main zone for editing contents ***/
#editcontent { 
	border:1px #efefee solid;
        background-color: #ffffcc;
	/* gradient */ /* No IE here as it covers up form input fields in IE9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#efeccc), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #efeccc,  #ffffff); /* for firefox 3.6+ */ 

	padding: 3px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*** Preview zone ***/
.preview {
    border:2px #336699 dashed;
    padding:15px;
    background-color:#ffffff;
}

/***** links to perform an action on a content *****/
.actions {
	padding:2px;
	color:#efefef;
	background-color:#171717;
	font-size:11px;
	font-weight:bold;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.draft {
	padding-left:10px;
	padding-right:5px;
	color: #336699;
	border-right:2px dotted #336699;
}

/***** js date picker (calendar) *****/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/***** js date picker (selector) *****/
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/calendar.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/*** Forms ***/
label,.label { display:block;padding-top:0.5em;padding-bottom:0em;font-style:italic;clear:left; }
.labelv { display:block;padding-top:0.5em;padding-bottom:0em;font-style:italic;font-weight:600; }
.cblabel {
	display:inline !important;
	font-style:normal !important;
	color:#444444;
}
.cblabelchecked {
	display:inline !important;
	font-style:normal !important;
	color:#336699;
	font-weight:200;
}
.button {
	font-size:x-small;
	height:22px; 
	padding:5px;
	color:#ffffff;
	font-weight:900;
	border-top:none;
	border-bottom:none;
	border-left:1px solid #3d7d3d;
	border-right:1px solid #3d7d3d;
	background: #337733 url(../img/button.png) top left repeat-x;
}
.update_button {
	width:29px;
	height:22px; 
	border:none;
	background: transparent url(../img/refresh.png) top left no-repeat;
}
.formerror {
	color:red;
	font-weight:600;
	display:inline !important;
}
.currentFormElement { border:2px #336699 solid; }
/*** Big button ***/
.boutonaction {
	font-size:large !important;
	font-weight:bold;
	background-color: #009933;
	color:#ffffff !important;
	border:1px solid #ffffff;
	padding:5px;
}

/*** Drafts in edit forms ***/
.draftForm {
	color:#336699;
	background-color:#dedede;
	border:none;
}
.draftMsg {
	font-weight:900;
	color:#336699;
}
.draftDiv {
	padding:5px;
	background-color:#efefef;
	border:1px solid #336699;
}
.draftButton,.saveDraft {
	font-size:x-small;
	height:22px; 
	padding:5px;
	color:#ffffff;
	font-weight:900;
	border-top:none;
	border-bottom:none;
	border-left:1px solid #336699;
	border-right:1px solid #336699;
	background: #336699 url(../img/button.png) top left repeat-x;
}
.removeDraft {
	font-size:small;
	color:red;
}

/******* navigation bar for authentified users (on top of screen) *******/
#menuhauth {
	background-color: transparent;
	border:0;
    	font: 10px Arial, Helvetica, sans-serif;
    	background-image:url('../img/menuhauth_bggt.gif');
    	background-repeat:repeat-x;
	padding:2px 2px 3px 3px;
	text-align:center;
	position: fixed;
	width:100%;
  	top: 0px;
  	left: 0px;
  	right: auto;
	text-overflow:hidden;
	z-index:10;
	height:18px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#menuhauth ul {
	display:inline;
	width:100%;
	margin: 0px 0px 0px 0px;
}
#menuhauth ul li {
	margin-right: 7px;
	list-style-type: none;
	display: inline;
	font-size: 11px;
}
#menuhauth ul li {
	padding-left: 0px; 
}
#menuhauth li span {
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}
#menuhauth ul li a {
	color: #000000;
	font-weight: bold;
	text-decoration: none !important;
}
#menuhauth ul li.on a {
	color: #56a2d2;
	text-decoration: none;
}
#menuhauth ul li a.suben {
	font-size:x-small;
	color:5588bb;
}

/*** Debug information ***/
#gdbg {
	background-color:#efefef;
}
.errorInABox {
	width:auto;
	text-align:left;
	display:block;
	padding:5px;
	margin:5px;
	border:1px #000000 solid;
}