@import url("star_rating.css");
@import url("autocomplete.css");
@import url("feed.css");

#sommaire, .sautPage { display: none; }

#logo {
  background: url(../img/nioozy_logo.png) no-repeat center top; height: 144px; width: 376; 
  padding-bottom: 10px;
  margin-left: 30px;
}

#logo_small {
  background: url(../img/nioozy_logo_small.png) no-repeat center top; height: 72px; width: 188; 
}

h1, h2, h3 { font-weight: normal; font-size: 100%; }
div.content h2 { font-weight: normal; font-size: 100%;}
div.article table { font-size: 100%;}
h3 { position:relative; }
h3 a { display: block; text-decoration: none; }

div.article {
  border: 1px solid #990000; margin: 20 10 20 10; padding: 0 10 10 10;
  font-family: Verdana, sans-serif;
  font-size: 85%;
  text-align: justify;
}
div.article h2, #waitingMsg h1 {
  font-weight: bold;
  font-size: 100%;
}
div.article h2 {  _padding-top: 0px; _margin-top: 10px;}
#star-ratings-block span { font-size: 70%; position: relative; left: 4px; top: 5px; }
div.article div.date {
  font-size: 70%; margin-bottom: 10px;
}
.tabs-nav span {
  font-family: Verdana, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}
.tabs-nav .tabs-selected a span {
  font-weight: bold;
}
#selection {
  padding: 0;
  margin: 0;
}
li.rubrique {
}
li.rubrique, #selection ul li, table tr td label, p label {
  font-family: Verdana, sans-serif;
  text-transform: uppercase;
  color: #990000;
}
.dir ul li:hover { background-color: lightblue; color: white; }
li.rubrique { font-size: 80%; }
#selection ul { padding-left: 4; margin-left: 4; }
#selection ul li { list-style-type: none; width: 400px;clear: left;}
#selection ul li div{
  float: left;
  margin: 2 0;border: 1px solid #777777; width: 250px;
  /*background-color: olive;*/
  padding-left: 5px;
  /* color: white; */
  color: #990000;
  font-size: 80%;
}
/*#selection ul li div:hover {
  background-color: darkgray;
}*/

#selection ul span.remove {
  margin-right: 10px; font-family: Verdana, sans-serif; font-weight: bold; font-size: 130%; color: red; display: none; float: left;
}

li.rubrique span {
  color: #9292B8;
  font-size: 120%;
}


#buttons {
  position: absolute; left: 230px; top: 40px;
}

.favicon { float: left; width: 15px; height: 15px; border: 1px solid #9292B8; padding: 1 1 1 1; margin-top: 10px; margin-right: 7px; }

p label {
  width: 20em; text-align: right; float: left; padding-right: 10px; position: relative; top: 2px;
}

#signupform input, #signupform select, #loginform input, #addform input { padding: 2px 3px; font: 1em Georgia, serif; color: #6299c5; margin: 0; border: 1px solid #990000; width: 250px; background: #FFF }
#signupform .buttons, #loginform .buttons { position: absolute; left: 21em; margin-left: 2px; _margin-left: 5px; margin-top: 20px; _margin-top: 0px;}
#addform .buttons { position: absolute; left: 24em; margin-top: 20px; _margin-top: 0px;}

#errorExplanation { position: relative; left: 14em;}
#errorExplanation p, #errorExplanation h2, #errorExplanation ul { margin: 0; padding: 0; font-family:Verdana, sans-serif; font-size:70%; color: red; }
#errorExplanation h2 { font-weight: bold;}
#errorExplanation ul { position: relative; left: 2em;}

.highlight { background-color: yellow; }
#dynacloud { position: absolute; right: 200px; width: 200px; }
#dynacloud a { text-decoration:none; color: lightblue; font-family: Arial; }

/* -----------------------------------
   =page contents
-------------------------------------- */
#page-contents {
  display: none;
  position: absolute;
  text-align: left;
  top: 0;
  right: 5px;
  width: 12em;
  border: 1px solid #ccc;
  border-top-width: 0;
  border-left-color: #fff;
  background-color: #e3e3e3;

}
#page-contents h3 {
  display: none;
  margin: 0;
  padding: .25em .5em .25em 15px;
  background: url(/images/arrow-right.gif) no-repeat 0 2px;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
}
#page-contents a {
  font-size: 0.7em;
  margin: .25em 0;
  padding-bottom: 2px;
  font-weight: normal;
  text-decoration:none;
}
#page-contents p { margin: 0; padding: 0; position: relative; top: 20px;} 
#page-contents p:hover { background-color: lightblue; } 
#page-contents div {
  padding: .25em .5em .5em;  
  display: none;
  background-color: #efefef;
}
.hover {
  cursor: pointer;
}

div#page-contents h3.arrow-down {
  background: url(/images/arrow-down.gif) no-repeat 0 2px;
}

#nioozlet_preview { 
  cursor: pointer; border: 4px solid #9292B8; margin: 30 20 30 20; padding: 20 20 20 20; 
  background-image: url('../img/background.png');
}

div.preview { 
  background-image: url('../img/preview.png');
}

span.hilite {background:yellow}

#tools { position: absolute; top: 0; right: 5px; width: 280px;}
#searchBox { position: relative; left: 0; top: 6px; display: none;}
#tools a { color: #6299c5; font-family: Trebuchet MS, sans-serif; font-size: 70%; text-decoration:none; }
#tools a:hover { border-bottom: 1px solid #6299c5; }

#tools ul { margin: 0; padding: 0; }
#tools ul li {
  white-space: nowrap;
  float:left;
  width: auto;
  margin:0;
  padding:0 0 0 14px;
  padding-right:5px;
  list-style-type:none;
}
#tools ul li a { text-decoration: none; padding-left: 8px; padding-right: 10px;}

#tools ul li.highlight { background:url("../img/highlight.png") no-repeat left center; }
#tools ul li.toc { background:url("../img/toc.png") no-repeat left center; }
#tools ul li.add_nioozlet { background:url("../img/newspaper_add.png") no-repeat left center; }
#tools ul li.mobile { background:url("../img/phone.png") no-repeat left center; }
#tools ul li.logout { background:url("../img/logout.png") no-repeat left center; }

#tools input, #nioozletSearch input, #googleSearch input, #wikioSearch input { padding: 2px 3px; font: 1em Georgia, serif; color: #6299c5; margin: 0; border: 1px solid #990000; width: 150px; background: #FFF; }

a.remove { position: relative; top: 3px; text-decoration: none; background:url("../img/remove.png") no-repeat left center; float: left;}
a.add_tag { position: relative; top: 3px; text-decoration: none; background:url("../img/add_tag.png") no-repeat left center; float: left;}
input.keyword { display: none; padding: 2px 3px; font: 1em Georgia, serif; color: #6299c5; margin: 0; border: 1px solid #990000; width: 150px; background: #FFF; float: right; position: relative; top: 2px; font-size: 80%; width: 100px;}

#searchResult { margin-top: 20px;}
#searchResult th, #newlyaddedResult th, #recommendedResult th { text-align: left; padding-right: 5px; font: 0.7em Georgia, serif; color: #6299c5; }
#searchResult td a, #newlyaddedResult td a, #recommendedResult td a { padding-left: 5px; font: 0.6em Georgia, serif; color: #6299c5; text-decoration: none;}
#nioozletSearch, #googleSearch, #wikioSearch, #newlyadded, #recommended { padding-bottom: 2px; }
ul.dir li { padding: 2px 0 0 16px; }
ul.dir li.title, #nioozletSearch div.title, #selection div.title, #printAndGo div.title, #googleSearch div.title, #wikioSearch div.title, #newlyadded div.title, #recommended div.title { padding: 2 2; margin: -8 -8;  margin-bottom: 6px;text-align: center;background-image: none; background-color: #990000; color: white;
  font-family: Verdana, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.8em;
}
ul.dir li.title { _margin: 0 -4 0 -4; _position: absolute; _left: -5; _width: 210px;}

#selection div.title {
  _margin-top: 0;
}

#nioozSelection, #nioozletSearch, #googleSearch, #wikioSearch, #newlyadded, #recommended { width: 192px; _width: 230px; }
#nioozletSearch, #newlyadded, #recommended {
  padding-left: 30;
  padding-top: 30;
  /*position: absolute; left: 38px;*/
}
#googleSearch, #wikioSearch {
  padding-left: 30;
  padding-top: 10;
}

#selection { padding-left: 6px; padding-right: 7px; padding-bottom: 10px; margin-top: 0px; _margin-top: 2px; _width: 422px;}
#nioozletSearch input, #googleSearch input, #wikioSearch input { background-color: lightyellow; }
div.noSelection {font: 1em Georgia, serif; color: #6299c5; text-align: center; width: 400px;}


#printAndGo { position: fixed; top: 200px; right: 100px; width: 200px; display: none;}
#printAndGo h2 { font-size: 0.6em;  }

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #990000;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    font-family:Verdana, sans-serif;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.external { text-decoration: none; }
a.external img { border: none; }
#items { _margin: 0px; _margin-bottom: 10px;}
#selection { _margin-bottom: 0px; _padding-bottom: 0px; }
.grabbed { border: 3px solid black; }

span.source { font-weight: normal; font-size: 73%; font-family: Verdana, sans-serif; background-color: lightyellow; padding: 2; position: absolute; right: 27px; _right: 30px; margin-top: 22px; _margin-top: 2px;}

div#error { position: absolute; right: 30px; top: 40px; font-weight: normal; font-family: Verdana, sans-serif; color: red; }
div#error h1 { padding: 0 0; margin: 0 0; padding-bottom: 3px; _padding-bottom: 0px; background: transparent url('../img/warning.png') no-repeat; font-weight: bold; font-size: 80%; padding-left: 15px;}
div#error ul { padding: 0 0; margin: 0 0; }
div#error ul li { list-style-type: none; font-size: 65%; }
a.recommended { position: relative; left: 20px; top: 2px; text-decoration: none; background:url("../img/recommended.png") no-repeat left center; width: 20px; height: 20px;}
input.recommended { font-family: Verdana, sans-serif; background-color: lightyellow; margin-left: 20px; width: 120px; }
ul.message { padding: 0 0; margin: 0 0; font: 1em Georgia, serif; color: #6299c5; font-size: 70%;}
ul.message li { list-style-type: none; }
ul.message li a { text-decoration: none; }
ul.message li a:hover { background-color: lightyellow; }
ul.message li a:visited { color: #6299c5; }
div.tabs-container { background: transparent; padding: 0 0; margin: 0 0;}
#impression { display: none; }
a.recommended { position: relative; left: 20px; top: 2px; text-decoration: none; background:url("../img/recommended.png") no-repeat left center; width: 20px; height: 20px;}
a.print { position: relative; left: 20px; top: 2px; text-decoration: none; background:url("../img/printer.png") no-repeat left center; width: 20px; height: 20px;}