/*
    Document   : pedias
    Created on : 12 nov. 2009, 20:15:16
    Author     : darulez
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* GLOBAL */

/* HOME */
.home{
  text-align:left;
}

#content .home h2{
  border: 0;
  background:none;
  margin-top:20px;
  margin-bottom:20px;
  text-align:left;
  font-size:1.4em;

  padding:10px;

}
.home ul{
  margin:0;
}
.home li{
  display:block;
  margin:10px 10px 20px 160px;
  font-size:1.4em;
}
.home .lightexplanation{
  text-align:center;
  padding:10px;
  margin:20px 40px;
  background-color:#bcf;
}

.otherlangs{
  color:green;

  margin:0 auto;
  display:block;
  text-align:center;
}
.otherlangs img{
  padding:20px;
}

/* SUPERCATMENU */

.supermenu .youarehere
{
  border-top: 0px solid black;
  border-bottom: 2px solid #04F;
  background:#04F;

}

#youarehere a{color:#fff;}

.supermenu li:hover{background-color:#368;
                    border-top: 0px solid #777;
                    border-bottom: 2px solid #368;}
.supermenu a{color:#fff;display:block;
             font-weight:bold;padding:6px 6px 6px 6px;
             text-decoration:none;}


/* SUPERMENU */
.supermenu{text-align:center;font-size:100%;}
.supermenu ul{margin:0;}
.supermenu li{
  border-top: 2px solid #777;
  background:#777;
  display:block;text-align:center;margin:4px;}

#youarehere a{color:#fff;}

.damenu{
  padding:10px;
}
.damenu .damenuregister{
  padding-top:10px;text-align:right;
  padding-bottom:0px;
}
/* LASTCOMMENTS */

#lastcomment{

  margin:10px;
}
#lastcomment .minicommentheader{
  margin-top:16px;
  margin-bottom:4px;
  font-size:0.9em;

}

#lastcomment .minicommentcontent{

  background:url('/images/mini_comment_background.png');
  width:160px;
  height:36px;
  padding:12px 10px;
  font-size:0.8em;
  font-style:italic;

}
/* ARTICLE */

.articlecontent{
  margin:20px 20px 10px 20px;
  padding:20px;
  border:2px solid #cdf;
  font-size:1.2em;
  background-color:#eef;
  line-height:1.4em;
  min-height:250px;}

.articlecontent p:first-letter{
  font-size:1.4em;
  color:#444;
  margin-left:1.8em;
  padding-right:0.em;
}


.articlecontent h4{
  text-align:right;
  font-size:0.8em;
  margin:8px -14px -18px 0px;
  line-height:1em;
}
#originallink{
  float:right;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:120px;

}
#originallink img{
  vertical-align:middle;
}


.bubbleInfo {
  position: relative;



}

.trigger {
  position: relative;

}

.popup {
  position: absolute;
  display: none;
  z-index: 50;
  border-collapse: collapse;
  margin-top:36px;
  margin-bottom:0px;

  right:-200px;
}

.popup td.corner {
  height: 15px;
  width: 19px;
}

.popup td#topleft { background-image: url(/images/bubbles/bubble-1.png); }
.popup td.top { background-image: url(/images/bubbles/bubble-2.png); }
.popup td#topright { background-image: url(/images/bubbles/bubble-3.png); }
.popup td.left { background-image: url(/images/bubbles/bubble-4.png); }
.popup td.right { background-image: url(/images/bubbles/bubble-5.png); }
.popup td#bottomleft { background-image: url(/images/bubbles/bubble-6.png); }
.popup td.bottom { background-image: url(/images/bubbles/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(/images/bubbles/bubble-8.png); }

.popup div.popup-contents {
  font-size: 12px;
  line-height: 1.2em;
  background-color: #fff;
  color: #666;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}


.daopinion{
  margin:0px 30px 10px 30px;

  float:left;
}

/* Rating buttons */
.isquality,.isnotclear,.iswrong{

  float:left;
  width: 176px;
  height:43px;
  margin:10px 10px 0 0;
  background:url(/images/button.png) no-repeat top;
}
.isquality .textop,.isnotclear .textop,.iswrong .textop{
  color:#666;
  text-align:center;
  font-weight:bold;
  padding:12px 15px 10px 30px;
}
.isquality .textop{
  background: url('/images/cirgre.png') 6px 9px no-repeat;
}

.isnotclear .textop{
  background: url('/images/cirora.png') 6px 9px no-repeat;
}
.iswrong .textop{
  background: url('/images/cirred.png') 6px 9px no-repeat;
}

.isquality_over,.isnotclear_over,.iswrong_over{
  cursor:pointer;
  background:url(/images/button.png) no-repeat bottom;
}

#cloudtag{

  display:block;
  width:360px;
  margin:40px 0px 10px 20px;
  float:left;
  min-height:120px;
  text-align:center;
}
#cloudtag h3{
  text-align:left;
  text-decoration:underline;
}

#ratingdetail{
  float:right;
  margin:10px 20px 10px 10px;

  width:210px;
  min-height:120px;
}
#ratingdetail h3{
  text-align:left;
  padding-bottom:10px;
  text-decoration:underline;
}
#ratingdetailtable
{
  margin:10px 0px;
  padding:20px;
  font-size: 10px;
  text-align: left;
  border-collapse: collapse;
  width:210px;
  border-width:2px;
  border-style:solid;
  border-color:#cdf;
}

#ratingdetailtable th
{
  margin:0px;
  color: #039;
  background: #b9c9fe;
  text-align:center;
}

#ratingdetailtable td
{
  background: #e8edff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  padding:4px 0px 4px 0px;
  color:#444;
}
#ratingdetailtable td.rdv
{
  font-weight:bold;
  text-align:center;
  font-size: 8px;
}
col#rdc1{
}
col#rdc2,col#rdc3,col#rdc4,col#rdc5{
  width:38px;}


#ratingsupcontainer{
  float:right;
  margin-right:40px;
  margin-top:40px;
}

#ratingcontainer { position:relative; height:30px; }
#ratingcontainer > * { position:absolute; height:30px; left:0; top:0; z-index: 1; overflow:hidden; }

#ratingloader { display:none; margin-left:50px; padding-left:20px; background:url(/images/crystal-arrows.gif) no-repeat center left; }

#participatecontainer{
  float:left;
  margin-left:20px;
  padding:10px 10px 0px 10px;
  width:350px;
  background-color:#bcf;
}


/* CATEG/SUPCATEG */
.listcategs {
  float:left;
  width:570px;
  margin-top:10px;
  margin-left: 20px;
  padding:5px 10px 10px 10px;
  border:2px solid #cdf;
  background-color:#E8EDFF;
  text-align:center;
}
.listcategs h3{
  text-align:left;
  text-decoration:underline;
  margin-bottom:10px;
}
.categ {
  margin:10px;
}

/* Comment article */

#content .commentforarticle{
  float:left;
  width:630px;
  margin:20px 0px 20px 0px;}

.commentforarticle .commentitem{
  margin:30px 0px 0px 0px;
  float:left;
}
.commentforarticle .comment_status{

  float:left;
  margin:20px 20px 0px 20px ;
  padding:20px 200px 20px 0px;


  font-size: 2em;

}

.commentitem .comment_user{
  float:left;
  width:100px;
  text-align:center;
  font-weight:bold;
  margin-top:10px;
}

.commentitem .comment_user img{

  margin-top:10px;
  clear:both;
  border:1px solid #444;
}
.commentitem .comment_container{
  float:right;
  width:500px;
  margin-right:0px;
  margin-left:10px;


}
.commentitem .comment_bg_bot{
  background: url(/images/comment_bg_bot.png) bottom left no-repeat;
  min-height:15px;
}
.commentitem .comment_center{

  background: url(/images/comment_bg_center.png) top left repeat-y;
  padding:0px 10px 20px 30px;
  margin-top:-15px;

}


.commentitem .comment_bg_top{
  background: url(/images/comment_bg_top.png) top left no-repeat;
  min-height:45px;
}

.commentitem .comment_bg_top .comment_permalink{
  float:right;
  padding-top:10px;
  padding-right:20px;
}
.commentitem .comment_bg_top .comment_title{
  float:left;
  padding-top:10px;
  padding-left:30px;
  font-style:italic;
  font-size: 1.1em;
}

.commentitem .comment_bg_bot .comment_since{
  float:right;
  font-size: 0.8em;
  margin-top:-6px;
  margin-right:20px;
}


/* CSS text styles */
.damessage{
  color:#FFF;
  font-weight:bold;
  text-align:left;
  font-size: 1.1em;
  background: url(/images/icon_in.png) center left no-repeat;
  padding:10px 10px 10px 50px;
  margin-left:10px;
  line-height:1.3em;
}

p.damessage:first-letter{
  font-size:x-large;
  text-transform:uppercase
}

/* LIST OF ARTICLES */

.multirankinglist{
  position:relative;
  margin: 0px 20px 46px 20px;

}

#multiranking li {
  float:left;
  text-align:center;
  position:relative;
  min-width: 100px;
  overflow: hidden;
  margin-right:10px;
  background:#e8edff;
  border: 2px solid #cdf;
}
#multiranking li a.selected{
  background:#b9c9fe;
color:#eee;}

#multiranking li a:hover{
  background:#d0dafd;
color:#fff}



#multiranking a {
  font-size: 1em;
  color:#3D80B3;
  font-weight:bold;
  text-decoration: none;
  outline: none;
  display: block;
  padding:10px;
  cursor:pointer;
}

#mrpaginator{
margin:10px 20px; ;
height:16px;
}
#mrpaginator a {
  font-weight:bold;
color:#3D80B3;
}
#mrpaginator span#mrleft{
float:left;}
#mrpaginator span#mrright{
float:right;}

/* CLOUD OF TAGS */
#globalcloudoftags{
  padding:40px;
  line-height:2.4em;
  text-align:center;
  word-spacing:20px;
}

/* JQUERY CSS related */
#tooltip {
  padding: 5px 10px;
  background: #FFF1A0;
  border: 1px solid #b2bdc3;
  opacity: 0.90;
}


/* Divers */
div#generalmessage{

  font-size:1.1em;
  padding:10px 40px;
  word-spacing:4px;

  margin:40px 40px 20px 40px;
  background: #cdd8fe url('/images/menu_bg.png') repeat-x;
  border:1px solid #cdf;
  text-align:justify;
}
div#generalmessage p:first-letter{
  font-size:2em;
  color:#666;
  padding-left:1em;
  padding-right:0.2em;
}
div#errormessage{

  font-size:1.1em;
  padding:10px 40px;
  word-spacing:4px;

  margin:40px 40px 20px 40px;
  background: #cdd8fe url('/images/menu_bg.png') repeat-x;
  border:1px solid #cdf;
  text-align:justify;
}
div#errormessage p:first-letter{
  font-size:2em;
  color:#666;
  padding-left:1em;
  padding-right:0.2em;
}

/* TOP5 accordion */
#top5accordion{
  margin:4px;
  font-size:0.8em;

}
#accordion{
  text-align:left;}

#accordion .ui-accordion-content-active{
  margin:0px 0px 0px 0px;
  padding:10px 10px 10px 10px;
}

#linkright{
  text-align:right;
  padding:10px 20px 0px 0px;
}

/* ADVERT css */
#rightad{
  margin-left:20px;
}

#listad{
  margin:5px 85px;
}
#tablelistad{
  margin-left:60px;}

#article_adlink{
  width:468px;
  margin-top:10px;
  margin-left:80px;
  float:left;
}
#fluidad{
  float:left;
  margin-right:10px;
  margin-bottom:0px;
}
/* AUTHENTIFICATION */
.general{
  margin:60px 20px 20px 20px;
}
.errgeneral{
  margin:20px;
  text-align:center;
  color:red;
  border:2px dashed red;
  padding:20px;
}
.loginform{
  float:left;
  margin-left:0px;
  width:320px;
}
.loginexpl{
  float:right;
  padding:10px 10px 10px 10px;
  width:250px;
  background-color:#bcf;
}

/* Member page */
.memberdetail{
  float:left;
  width:80%;
  margin:10px 20px 10px 20px;}

/* Member page */
.memberedit{
  float:right;
  margin:20px 20px 10px 0px;}

.memberdetail h3{
  float:left;
  width:90%;
  margin-top:10px;}

/* Member page */
.membercontributions{

  float:left;}

.membercontributions h3{
  font-size: 2em;
  font-weight: bold;
  color: #808185;
  margin:10px 20px 10px 20px;
}
.membercontributions ul{
}
.membercontributions ul li{
  margin:20px;
}
span.summarycount{
  text-align: center;
  color: #808185;
  font-size: 3em;
  font-weight: bold;
  margin-right:10px;
  vertical-align:middle;}

/* FORMS : CONTACT US/ REGISTER */
.registerformcontainer,
.contactformcontainer{
  margin-left:60px;
  margin-right:60px;
  margin-top:20px;
}
.registerformcontainer p.error,
.contactformcontainer p.error{
  background-color:#FEC;
  border:1px dotted orange;
  border-bottom:none;
  font-weight:bold;
  text-align:center;
  padding-top:10px;
}

ol.registerform ul.form-errors,
ol.contactform ul.form-errors{
  background-color:#FEC;
  border:1px dotted orange;
  border-top:none;
  padding:10px;
  margin-bottom:20px;
}
ol.registerform ul.form-errors li,
ol.contactform ul.form-errors li{
  float:none;
  margin:0px 20px;
  height:100%;
}

ol.contactform li{
  float:left;

}

.contactform label{
  float:left;
  padding:6px 0px;
  font-size:1.4em;

}
.contactform div.element{
}
.contactform .contact_title_style{
  width:500px;
  margin-bottom:20px;
}
.contactform #not_content {
  width:520px;
  height:160px;
  margin-bottom:20px;
}
.contactform #recaptcha_widget_div {
float:none;

margin:10px 100px;;

}
.contactform .bpbutton{
margin-left:320px;
}

.contactform #contact_submit {
  width:200px;
  height:40px;
}


.registerform li{
  margin-top:20px;
  height:60px;
}

.registerform label{
  float:left;
  padding:14px 0px;
  font-size:1.4em;
  width:200px;
  margin-left:60px;

}

.registerform li #recaptcha_widget_div {
  margin-left:0px;
  margin-right:0px;
}
.registerform .bpbutton{
  float:right;
}

.bpinput input{
  height:30px;
  font-size:2em;
  width:200px;
padding:4px 10px;
}

.bpbutton input{
  background: #cdd8fe url('/images/menu_bg.png') repeat-x;
  padding:10px 20px;
  font-size:1.2em;

}

#content #commentarticleform{
  width:580px;
  position:relative;
  float:left;
  margin-left:20px;
  margin-right:20px;
}

#commentform li{
  margin-top:0px;
margin-bottom:2px;

}

#commentform label{
  float:left;
  padding:14px 0px;
  font-size:1.4em;
  width:300px;
  margin-left:40px;

}

#commentform li #recaptcha_widget_div {
  margin:10px 140px;

}

#commentform .bpinput textarea{
  height:120px;
  width:520px;
  font-size:1.4em;
  margin:0px 40px 0px 40px;

}
#commentform .bpbutton{
float:none;
text-align:center;
  margin:10px;

}


/* FOOTER */

#footer{
  color:#888;
}
#footer .bpfooter,
#footer .bppartners,
#footer .bplangs{
  padding:20px 60px 0px 40px;
  float:left;
  height:100%;}


#footer .bpfitem {
  padding-bottom:6px;
  padding-left:20px;
}

#footer h3{
  padding:0px;
  color:#888;
  border-bottom:1px dotted #888;
  padding-bottom:6px;
  margin-bottom:10px;

}


/* End of pedias.css */