@charset "utf-8";
/* CSS Document */

div.voting-shape { width: 1000px; margin: 0 auto; padding: 0; }

div.upper-shape-arguments { width: 100%; min-height: 150px; overflow: auto; padding: 10px 0 60px 0; margin: 0; }

 div.positives,
 div.negatives { width: 470px; height: auto; float: left; }

 div.negatives { margin-left: 30px; }
 
 div.positives div#argument-container-pros,
 div.negatives div#argument-container-cons,
 div.drop-pros div.argument-container,
 div.drop-cons div.argument-container { max-height: 305px; width: 100%; overflow: hidden; }
 
 div.positives div#argument-container-pros div#current-argument-container-pros,
 div.negatives div#argument-container-cons div#current-argument-container-cons { margin-bottom: 10px; }
 
 div.drop-pros div.argument-container,
 div.drop-cons div.argument-container { height: 305px; margin-top: -17px; } 

 div.positives div.positives-top,
 div.negatives div.negatives-top { width: 100%; height: 80px; }

 div.positives div.positives-top p,
 div.negatives div.negatives-top p { padding: 35px 57px; font-size: 22px; font-family: "Myriad Pro"; font-weight: bold; }

 div.positives div.positives-top p span,
 div.negatives div.negatives-top p span { font-weight: 100; }

 div.positives div.positives-top { background: url(../images/positives-top-background.png) no-repeat left; }

 div.negatives div.negatives-top { background: url(../images/negatives-top-background.png) no-repeat left; }

 div.positives div.positive-arguments,
 div.positives div.no-arguments,
 div.negatives div.negative-arguments,
 div.negatives div.no-arguments,
 div.drop-pros div.positive-arguments,
 div.drop-cons div.negative-arguments { width: auto; height: 71px; background-color: #FFFFFF; padding: 0 0 1px 0; border: 1px solid transparent; margin: 1px 0 0 0; }
 
 div.positives div.no-arguments div.argument-content p a:link,
 div.negatives div.no-arguments div.argument-content p a:link,
 div.positives div.no-arguments div.argument-content p a:visited,
 div.negatives div.no-arguments div.argument-content p a:visited { color: #1b83b8; } 
 
 div.positives div.no-arguments div.argument-content p a:hover,
 div.negatives div.no-arguments div.argument-content p a:hover { text-decoration: underline; }
 
 div.positives div.positive-arguments:last-child,
 div.negatives div.negative-arguments:last-child,
 div.drop-pros div.positive-arguments:last-child,
 div.drop-cons div.negative-arguments:last-child { margin-bottom: 5px; }
 
 div.positives div.positive-arguments:hover,
 div.negatives div.negative-arguments:hover,
 div.drop-pros div.positive-arguments:hover,
 div.drop-cons div.negative-arguments:hover { border: 1px solid #f2ce70; background-color: #FFFFFF; cursor: move; }
 
 div.drop-pros div.positive-arguments:hover,
 div.drop-cons div.negative-arguments:hover { cursor: default; }
 
 div.positives div.positive-arguments div.argument-content,
 div.negatives div.negative-arguments div.argument-content,
 div.drop-pros div.positive-arguments div.argument-content,
 div.drop-cons div.negative-arguments div.argument-content { width: 360px; height: 70px;  float: left; padding: 0 10px; }

 div.positives div.positive-arguments div.argument-content p,
 div.negatives div.negative-arguments div.argument-content p,
 div.drop-pros div.positive-arguments div.argument-content p,
 div.drop-cons div.negative-arguments div.argument-content p { height: 40px; overflow: hidden; font-size: 13px; font-family: "Tahoma"; color: #36343a; }

 div.positives div.positive-arguments div.argument-content p.argument-bottom,
 div.negatives div.negative-arguments div.argument-content p.argument-bottom,
 div.drop-pros div.positive-arguments div.argument-content p.argument-bottom,
 div.drop-cons div.negative-arguments div.argument-content p.argument-bottom { height: 20px; overflow: hidden; font-size: 11px; font-family: "Tahoma"; color: #8b8b8b; }

 div.positives div.positive-arguments div.icons,
 div.negatives div.negative-arguments div.icons,
 div.drop-pros div.positive-arguments div.icons,
 div.drop-cons div.negative-arguments div.icons { text-align: right; width: 80px; height: 50px; margin: 5px 0 0 0; float: left; }

 div.positives div.positive-arguments div.icons a,
 div.negatives div.negative-arguments div.icons a,
 div.drop-pros div.positive-arguments div.icons a,
 div.drop-cons div.negative-arguments div.icons a  { margin: 3px; }

 div.navigation-pros,
 div.navigation-cons { width: 100%; height: 35px; margin: 0 auto; padding: 0 10px; text-align: left; background: url(../images/arguments-whole-bottom-background.png) no-repeat bottom center;  }


 div.navigation-pros p,
 div.navigation-cons p { padding: 0 5px; float: left; display: none; }

 div.navigation-pros p span,
 div.navigation-cons p span { margin-left: 20px; font-size: 14px; font-family: "Tahoma"; color: #3b3b3b; }

 div.navigation-pros p a,
 div.navigation-cons p a { opacity: 0.8; }

 div.navigation-pros p a:hover,
 div.navigation-cons p a:hover { opacity: 1; }

 div.order-numbers-pros,
 div.order-numbers-cons { margin: 0 30px; font-size: 13px; font-family: "Tahoma"; color: #3b3b3b; max-width: 100px; display: none; }
 
 img#delete-argument { display: none; }