/*
                ____            _                           _   
               |  _ \ __ _ _ __| | ___ _ __ ___   ___ _ __ | |_ 
               | |_) / _` | '__| |/ _ \ '_ ` _ \ / _ \ '_ \| __|
               |  __/ (_| | |  | |  __/ | | | | |  __/ | | | |_ 
               |_|   \__,_|_|  |_|\___|_| |_| |_|\___|_| |_|\__|
                                                                             */

html {
	border: none;
	background: url("/images/Sleep-Deprivation-5.JPG"); }

body {
	color: black;
	padding: 0 3%;
	background: white;
	font-size: smaller;
	margin: 3em 4% 4% 4%; }

/*                 _               _        _     _             _ 
               ___| | __ _ ___ ___(_) ___  | |__ | |_ _ __ ___ | |
              / __| |/ _` / __/ __| |/ __| | '_ \| __| '_ ` _ \| |
             | (__| | (_| \__ \__ \ | (__  | | | | |_| | | | | | |
              \___|_|\__,_|___/___/_|\___| |_| |_|\__|_| |_| |_|_|           */
form {
	margin: 0;
	padding: 0;
	display: inline; }

input, textarea {
	color: inherit;
	max-width: 100%;
	font-size: inherit;
	font-weight: inherit;
	background: transparent; }

img {
	border: none;
	max-width: 50%;
	_max-width: none;
	width: expression((offsetWidth > document.body.offsetWidth*0.5) ? "50%" : offsetWidth); }
textarea { width: 60%; }
select { background: transparent; }
input[type='button'], input[type='submit'] { font-weight: bolder; }

pre { overflow: auto; }

/*                      _                    _           
                       | |__   ___  __ _  __| | ___ _ __ 
                       | '_ \ / _ \/ _` |/ _` |/ _ \ '__|
                       | | | |  __/ (_| | (_| |  __/ |   
                       |_| |_|\___|\__,_|\__,_|\___|_|                       */
h1, h2 {
	margin: 0;
	padding: 1%;
	font-weight: bolder; }
body > ul > .elt > * > h1 { letter-spacing: 0.2em; }
.elt .elt h1 {
	font-size: larger;
	_background: #eef; }
h3 { margin: 0px; }

h1 input {
	width: 90%;
	_font-size: medium;
	_font-weight: bolder; }

#elt_parlement > form > .created_on, #elt_parlement > .knobOpened,
#elt_parlement > * > h1 a, #elt_fr > form > .created_on, #elt_fr > .knobOpened,
#elt_fr > * > h1 a { display: none; }

legend, a:link, select, input[type='Button'], input[type='submit'] { color: #3b76ae; }
a:visited { color: #1b568e; }
a:hover, a:active, select:hover, input[type='Button']:hover, input[type='submit']:hover { color: purple; }
a:active, input[type='Button']:active, input[type='submit']:active { color: orange; }

.notice, .warning, .error {
	font-weight: bolder;
	text-align: center;
	font-size: larger; }
.error { color: #f00; }
.notice { color: #080; }
.warning { color: #f84; }

/*                           _             _       
                            | | ___   __ _(_)_ __  
                            | |/ _ \ / _` | | '_ \ 
                            | | (_) | (_| | | | | |
                            |_|\___/ \__, |_|_| |_|
                                     |___/                                   */
.choicesToUpdate {
	font-size: smaller;
	color: #ddd;
	float: left; }
.login {
	color: white;
	margin: 0.5em;
	padding: 0.3em;
	background: red;
	font-size: larger;
	font-weight: bolder; }
.logout {
	float: right;
	padding-right: 1em;
	font-weight: bolder;
	font-family: sans-serif; }

/*                             _          _       
                              | |__   ___| |_ __  
                              | '_ \ / _ \ | '_ \ 
                              | | | |  __/ | |_) |
                              |_| |_|\___|_| .__/ 
                                           |_|                               */
.helpLink, .helpLinkClose, .subscribeLink {
	font-weight: bolder;
	font-size: larger; }
.helpLink { cursor: help; }
.helpLinkClose { text-decoration: line-through; }

.help {
	padding: 1em;
	text-align: left; }
h1 .help {
	font-size: smaller;
	font-weight: normal; }

.helpTitle, .helpTitle:link, .helpTitle:visited {
	font-weight: bolder;
	font-size: larger; }



/*                         _     _      _                
                       ___(_) __| | ___| |__   __ _ _ __ 
                      / __| |/ _` |/ _ \ '_ \ / _` | '__|
                      \__ \ | (_| |  __/ |_) | (_| | |   
                      |___/_|\__,_|\___|_.__/ \__,_|_|                        */
#spinner img {
	position: absolute;
	right: 4.5%;
	top: 3em; }
.sidebar, .links {
	text-align: center;
	background: white;
	width: 30%; }
.links {
	position: absolute;
	background: white;
	margin-top: -3em;
	height: 3em;
	right: 4%; }
.links #fr {
	width: 1em;
	color: white;
	background: white;
	border-left: 1em blue solid;
	border-right: 1em red solid; }
.sidebar {
	float: right;
	padding-left: 2%;
	margin-right: -1%; }
/* Big hack for ie */
* html .links {
	width: 33%;
	margin-right: -1px; }

.title {
	display: block;
	font-size: larger;
	font-weight: bolder;
	letter-spacing: 0.5em; }
.signets { font-size: smaller; }

.box {
	background: #ccc;
	font-size: smaller;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border: outset thin #ccc;
	border-top: none; }
.boxTitle {
	color: #ff4;
	text-align: left;
	font-size: medium;
	font-weight: bolder;
	padding: 0.3em 0.6em;
	background: #3b76ae url(/images/Sleep-Deprivation-5.JPG); }
.feed {
	width: 28px;
	height: 28px;
	float: right;
	margin: 1px 5px 0 0; }
.feed img { max-width: 100%; }
.boxLine {
	text-align: left;
	margin-left: 1em; }
.boxLineR {
	text-align: right;
	padding-right: 1em; }
.boxMore {
	text-align: right;
	font-weight: bolder; }
.box .filter { display: none; }
.box:hover .filter { display: inline; }

.identity form { display: block; }
.identity #edit, .identity iframe { display: none; }
.identity:hover #edit { display: block; }
.identity fieldset#edit {
	border: solid thin yellow;
	padding: 0.5em 0;
	margin: 0.5em 0; }
.identity fieldset#edit label { color: #3b76ae; }
img.avatar {
	float: left;
	width: auto;
	max-width: 30%;
	_max-width: none;
	margin-right: 1em; }
.identity img.avatar {
	float: none;
	margin: 0 auto;
	display: block;
	max-width: 90%;
	_max-width: none;
	width: expression((offsetWidth > document.body.offsetWidth*0.3) ? "100%" : offsetWidth); }
.elt .identity img.avatar { float: left; }

#filter select {
	border: none;
	text-align: center; }
form#filterForm a {
	font-size: larger;
	font-weight: bolder; }
form#filterForm input[type='submit'] { display: none; }

#listByDate ul, #listByVote ul {
	margin: 0 3px;
	padding: 0; }
#listByDate ul li.boxLine, #listByVote ul li.boxLine {
	background: none;
	border-bottom: solid 1px #fd8; }
#listByDate .created_on, #listByVote .created_on { display: none; }
#listByDate .author, #listByVote .author { font-size: smaller; }
#listByDate .result, #listByVote .result {
	font-weight: bolder;
	float: right;
	color: blue; }

div#listSubscribers .boxLineR { font-size: smaller; }

.box h4 {
	margin: 0;
	padding: 0;
	color: #333;
	font-style: italic; }

/*                                      _ _   
                                    ___| | |_ 
                                   / _ \ | __|
                                  |  __/ | |_ 
                                   \___|_|\__|                                */
body > ul {
	margin: 0;
	padding: 0;
	background: white; }

body > ul > .elt { background: none; }

.parent {
	left: 4%;
	margin-top: -2em;
	position: absolute;
	font-style: italic;
	font-weight: bolder; }
.parent a:link, .parent a:visited { color: white; background: transparent; }
.parent a:hover, .parent a:active { color: #ffa500; background: transparent; }

.elt {
	margin: 0;
	clear: left;
	width: 100%;
	_width: auto;
	margin-top: 1px;
	list-style-type: none;
	background: url(/images/eltBackground.jng) repeat-x;
	/* So that IE doesn't go into some strange mode */
	_background: none; }

.titled { margin-top: 1em; }

.author {
	color: #888;
	font-style: italic;
	font-weight: bolder; }

.created_on {
	float: right;
	font-size: smaller; }

.position { display: none; }
#form:hover .position { display: inline; }

a.readMore { font-style: italic; }
div.tooLarge { display: none; }
body > ul > .elt > form a.readMore { display: none; }
body > ul > .elt > form div.tooLarge { display: block; }

/*                                          _       
                             _ __ ___ _ __ | |_   _ 
                            | '__/ _ \ '_ \| | | | |
                            | | |  __/ |_) | | |_| |
                            |_|  \___| .__/|_|\__, |
                                     |_|      |___/                          */
blockquote {
	margin: 0 1%;
	padding: 0 1%;
	font-size: smaller;
	border-left: solid 4px #aaf;
	background: #ddd url("/images/eltBackground.jng") repeat-x;
	/* So that IE doesn't go into some strange mode */
	_background: #ddd; }

blockquote > p {
	margin: 0;
	padding: 0.5em 0; }

/* To make sure it is still readable */
blockquote blockquote blockquote { font-size: x-small; }

.eltQuickAdd { margin-left: 1em; }

/*                             _           _          
                           ___| |__   ___ (_) ___ ___ 
                          / __| '_ \ / _ \| |/ __/ _ \
                         | (__| | | | (_) | | (_|  __/
                          \___|_| |_|\___/|_|\___\___|                       */
.choice {
	float: right;
	text-align: right;
	margin-top: -1.2em;
	padding-right: 64px;
	_padding-right: 0px;
	white-space: nowrap; }
.choice form { display: inline; }
/* Important, no "display: none", or IE can't manage event */
.choice input {
	position: absolute;
	left: -100em; }
.choice label { cursor: pointer; }
.choice img { margin-bottom: -4px; }
.result { color: blue; }
label.selected, .choice label:hover { border: solid 3px; }
.choice label:hover { border-color: cyan; }
.choice label.selected { border-color: yellow; }
.choice label.selected:hover { border-color: magenta; }
.choices {
	right: 0;
	z-index: 10;
	background: white;
	position: absolute;
	border: solid 5px pink; }
.closeChoices {
	font-size: larger;
	font-weight: bolder;
	font-family: sans-serif; }
.choices .created_on, .choices caption { display: none; }
.personalChoice { display: inline; margin-right: 1em; }

/*                                        _     
                                ___ _   _| |__  
                               / __| | | | '_ \ 
                               \__ \ |_| | |_) |
                               |___/\__,_|_.__/                              */
.eltSub, .eltNew {
	margin-left: 1%;
	padding-left: 1%;
	border-left: solid 0.4em #ffc;
	border-bottom: solid 1px #fd8; }

.eltMore {
	display: block;
	margin-left: 3%; }

li.pager {
	text-align: center;
	list-style-type: none; }

.icon {
	color: orange;
	margin-right: 0.5em;
	font-weight: bolder;
	letter-spacing: -5px;
	text-decoration: none; }
.icon:hover, .icon:active { color: #f0f; }

.pageCount { margin: 0 2em; }

.eltNew {
	background: url("/images/eltBackground.jng") repeat-x;
	/* So that IE doesn't go into some strange mode */
	_background: none; }
.eltNewButtons { text-align: right; }

/*                                         _             
                       __   _____ _ __ ___(_) ___  _ __  
                       \ \ / / _ \ '__/ __| |/ _ \| '_ \ 
                        \ V /  __/ |  \__ \ | (_) | | | |
                         \_/ \___|_|  |___/_|\___/|_| |_|                    */
.version {
	/* To make sure the sidebar is not the last element at the bottom */
	clear: right;
	text-align: center; }
.version > * + * { display: none; }
.version:hover > * + * { display: inline; }
.version > a {
	color: #aaa;
	font-size: smaller; }

/*                           _                _     
                            | | ___ __   ___ | |__  
                            | |/ / '_ \ / _ \| '_ \ 
                            |   <| | | | (_) | |_) |
                            |_|\_\_| |_|\___/|_.__/                          */
.knobOpened, .knobClosed {
	font-family: sans-serif;
	border: solid 1px #fd8;
	text-decoration: none;
	font-weight: bolder;
	background: white; }
.knobOpened {;
	margin-left: -16px;
	position: absolute; }
.knobOpened:link, .knobOpened:visited, .knobClosed:link, .knobClosed:visited {
	color: orange; }

.closed .knobOpened, .elt .knobClosed,
.closed form, .closed ul.eltSub, .closed ul.eltNew, .closed .eltSubsClose { display: none; }

.closed, .closed .knobClosed {
	position: relative;
	background: white;
	display: inline;
	right: 8px; }

/*                                  _                   _           
            _ __ ___   ___ ____    | |__   ___  _ __ __| | ___ _ __ 
           | '_ ` _ \ / _ \_  /____| '_ \ / _ \| '__/ _` |/ _ \ '__|
           | | | | | | (_) / /_____| |_) | (_) | | | (_| |  __/ |   
           |_| |_| |_|\___/___|    |_.__/ \___/|_|  \__,_|\___|_|            */
body { -moz-border-radius: 1em 0 1em 1em; }
input, textarea {
	-moz-border-radius: 1em 0 0 1em; }
input[type='button'], input[type='submit'], blockquote {
	-moz-border-radius: 0 1em 1em 0; }
.links { -moz-border-radius: 1em 1em 0 0; }
.box, .sidebar, .choices { -moz-border-radius: 0 0 1em 1em; }
.login { -moz-border-radius: 1em; }
.eltSub { -moz-border-radius: 0 0 0 1em; }
.choice label { -moz-border-radius: 1em; }

/*                          _                       
                           |_)_.._| _ ._ _  _ .__|_ 
                           | (_|| |(/_| | |(/_| ||_                          */