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

div#dropped-container { width: 100%; min-height: 520px; padding: 0 10px; border: 1px dotted #cdcece; border-radius: 5px; }

div#dropped-container div.drop-pros,
div#dropped-container div.drop-cons { width: 470px; height: auto; float: left; margin: 30px 0 0 0; }

div#dropped-container div.drop-cons { /* margin-left: 15px; */ }

div#dropped-container div.middle-shadow { float: left; width: 15px; min-height: 350px; background: url(../images/dropped-vertical-shadow.png) no-repeat top center; margin: 30px 7px 0 7px; }


div#dropped-container div.drop-pros div.top-box,
div#dropped-container div.drop-cons div.top-box { width: 100%; height: 70px; background: url(../images/drag-drop-sign-arrow.png) no-repeat left center; }


div#dropped-container div.drop-pros div.top-box h2,
div#dropped-container div.drop-cons div.top-box h2 { font-size: 18px; font-family: "Myriad Pro"; font-weight: 100; padding-left: 20px; color: #19191a; }

div#dropped-container div.drop-pros div.top-box h2 span,
div#dropped-container div.drop-cons div.top-box h2 span { font-weight: bold; }

div#dropped-container div.drop-pros div.create-new-argument,
div#dropped-container div.drop-cons div.create-new-argument { margin: 10px 0; width: 100%; height: 30px; }

div#dropped-container div.drop-pros div.create-new-argument a:link,
div#dropped-container div.drop-pros div.create-new-argument a:visited,
div#dropped-container div.drop-cons div.create-new-argument a:link,
div#dropped-container div.drop-cons div.create-new-argument a:visited { background: url(../images/create-argument-icon.png) no-repeat left; padding: 9px 0 6px 40px; font-size: 18px; font-family: "Myriad Pro"; text-align: right; color: #19191a; opacity: 0.8; }

div#dropped-container div.drop-pros div.create-new-argument a:hover,
div#dropped-container div.drop-cons div.create-new-argument a:hover { opacity: 1; }

div#dropped-container div.drop-pros div.create-new-argument a span,
div#dropped-container div.drop-cons div.create-new-argument a span { font-weight: bold; }

.hidden-item { display: none; }

#pscrollbar,
#pscrollbar2 { width: 470px; position: relative; height: 305px; margin: -18px 0 0 0; padding: 0; }

#pscrollbar .dropped-content,
#pscrollbar2 .dropped-content { min-height: 303px; margin: 0; padding: 0; }

#pscrollbar .dropped-content div.positive-arguments,
#pscrollbar2 .dropped-content div.negative-arguments { margin: 1px 0 0 0; clear: both; }