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

/* ongoing shape*/

div.view-ongoing-polls { width: 800px; height: 92px; background: url(../images/view-polls-page-carousel-background.jpg) no-repeat center left;  overflow: hidden; }

div.view-ongoing-polls-left-arrow,
div.view-ongoing-polls-right-arrow { width: 50px; height: 92px; float: left;  margin: 0 5px; cursor: pointer; opacity: 0.8; }

div.view-ongoing-polls div.view-ongoing-polls-left-arrow { background: url(../images/view-polls-ongoing-left-arrow.png) no-repeat center; }

div.view-ongoing-polls div.view-ongoing-polls-right-arrow { background: url(../images/view-polls-ongoing-right-arrow.png) no-repeat right; }

div.view-ongoing-polls div.view-ongoing-polls-left-arrow:hover,
div.view-ongoing-polls div.view-ongoing-polls-right-arrow:hover { opacity: 1; }

div.view-ongoing-polls a,
div.view-ongoing-polls a:link,
div.view-ongoing-polls a:link:visited { color: #000000; background: url(../images/view-polls-ongoing-arrow.png) no-repeat center; }

div#polls { width: 189px; height: 90px; overflow: hidden; float: left; margin: 0 10px; }

div.view-ongoing-polls a:hover div#polls { background: url(../images/view-polls-ongoing-hover.png) no-repeat center; opacity: 0.8; }

div.view-ongoing-polls a:hover div#polls p.view-polls-details { display: block; }

div.view-ongoing-polls div p { width: 159px; height: 38px; padding: 0 20px; margin: 17px 0 0 0; background: url(../images/view-polls-ongoing-arrow.png) no-repeat 10px 8px; overflow: hidden; font-size: 12px; font-family: Arial; font-weight: bold; }

div.view-ongoing-polls div p.view-polls-details { padding-left: 20px; margin: 0; font-size: 11px; background: transparent; height: 18px; color: #999999; opacity: 0.8; display: none; }

/* jcarousel horizontal */

.jcarousel-skin-tango2 .jcarousel-container {
	float: left; 
}

.jcarousel-skin-tango2 .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango2 .jcarousel-container-horizontal {
	width: 678px;
	height: 92px;
    padding: 0;
}


.jcarousel-skin-tango2 .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango2.jcarousel-clip-horizontal {
	width: 750px;	
}

.jcarousel-skin-tango2 .jcarousel-item {
	width: 189px;
	height: 92px;
	padding: 0 12px;	
}

.jcarousel-skin-tango2 .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}


.jcarousel-skin-tango2 .jcarousel-item-placeholder {
    background: transparent;
    color: #000;
}

div.poll-content-shape { width: 785px; margin-left: 15px; height: 105px; border-bottom: 1px solid #CCCCCC;  overflow: hidden; }

div.read-more-polls-shape { margin-left: 15px; width: 785px; height: 50px; }

div.read-more-polls-shape a { float: right; padding: 5px 10px; border: 1px solid #CCCCCC; border-top: 0; margin: -1px 10px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background-color: #FFFFFF; box-shadow: 0px 2px 3px #CCCCCC; }

div.read-more-polls-shape a,
div.read-more-polls-shape a:link,
div.read-more-polls-shape a:visited { color: #0066FF; }

a.proposal-link:link,
a.proposal-link:visited { font-size: 20px; color: #0066FF; margin-left: 15px; }

a.proposal-link:hover { text-decoration: underline; }

div.read-more-polls-shape a:hover { text-decoration: underline; }

div.poll-content-shape h1 { font-size: 20px; }

div.poll-content-shape h2 { font-size: 18px; }

div.poll-content-shape ul,
div.poll-content-shape ol { padding-left: 30px; }

.poll-content-shape { width: 785px; height: auto; margin-left: 15px; }

h2.poll-content-shape { font-size: 18px; font-weight: bold; }

label.poll-content-shape { font-weight: bold; position: relative; clear: both; }

/* opinion bar */
div.opinion-bar-shape { width: 800px; height: 120px; background-color: #f8f8f8; }

div.opinion-bar-shape label { font-size: 12px; color: #313b3d; padding: 0 5px 0 15px; font-weight: bold; }

div.opinion-bar-shape div.slider { clear: both; width: 100%; height: 60px; margin: 20px auto;  }

div.opinion-bar-shape div#decision-shape{ float: left; width: 264px; height: 20px; text-align: center; color: #010000; }

div.opinion-bar-shape div.slider div#track1 { clear: both; background: url(../images/slider-bar-ongoing-shape_.png) no-repeat top center; width: 527px; height: 30px; margin: 0 auto; }

div.opinion-bar-shape div.slider div#track1 div#handle1 {  background: url(../images/slider-bar-ongoing-handle-shape.png) no-repeat center; width: 65px; height: 30px; }

div.opinion-bar-shape div.slider div#track1 div#handle1 input { width: 50px; height: 25px; border: 1px solid #CCCCCC; margin: 23px 7px; font-size: 11px; color: #666666; border-radius: 3px; text-align: center; }


/* statistics */
div.statistics-shape { width: 800px; height: 80px;  }

div.statistics-shape h3 { font-size: 14px; color: #313b3d; padding: 5px 15px 0 15px; font-weight: bold; }

div.statistics-shape label { font-size: 12px; color: #313b3d; padding: 0 5px 0 15px; font-weight: bold; text-align: left; float: left;}

div.statistics-shape div.pros-left { clear: both; width: 350px; height: 20px;  margin: 5px 0 0 15px; float: left; }

div.statistics-shape div.pros-left span.green-pros { width: 30px; height: 9px;  position: absolute; background-color: #35753e; margin: 5px 0 0 0; }

div.statistics-shape div.pros-left p,
div.statistics-shape div.cons-right p { padding-left: 40px; }

div.statistics-shape div.pros-left p span { color: #5a787a; font-weight: bold; }

div.statistics-shape div.cons-right { width: 350px; height: 20px;  margin: 5px 15px 0 0; float: right; }

div.statistics-shape div.cons-right span.red-cons { width: 30px; height: 9px;  position: absolute; background-color: #ab263d; margin: 5px 0 0 0; }

div.statistics-shape div.cons-right p span { color: #5a787a; font-weight: bold; }

/* diagram */
div.diagrams-shape { width: 800px; height: 310px; border: 1px solid #f8f8f8; background-color: #f8f8f8; margin: 0 0 30px 0; }

div.diagrams-shape div.statistics-diagram-shape { width: 575px; height: 200px; margin: 70px auto 0 auto;  }

div.diagrams-shape div.statistics-diagram-shape div.diagram-percent-item { width: 81px; height: 100%;  float: left; margin-left: 1px; position: relative; }

/* set color diagrams */
div.diagrams-shape div.statistics-diagram-shape div.dFirst div.diagram-percent-item-value,
div.diagrams-shape div.statistics-diagram-shape div.dSeventh div.diagram-percent-item-value { width: 100%; min-height: 20%; background-color: #5b7778; bottom: 0; position: absolute; }

div.diagrams-shape div.statistics-diagram-shape div.dSecond div.diagram-percent-item-value,
div.diagrams-shape div.statistics-diagram-shape div.dSixth div.diagram-percent-item-value { width: 100%; min-height: 20%; background-color: #edbc3c; bottom: 0; position: absolute; }

div.diagrams-shape div.statistics-diagram-shape div.dThird div.diagram-percent-item-value,
div.diagrams-shape div.statistics-diagram-shape div.dFifth div.diagram-percent-item-value { width: 100%; min-height: 20%; background-color: #92a7a8; bottom: 0; position: absolute; }

div.diagrams-shape div.statistics-diagram-shape div.dFourth div.diagram-percent-item-value { width: 100%; min-height: 20%; background-color: #313b3d; bottom: 0; position: absolute; }

div.diagrams-shape div.statistics-diagram-shape div.dFirst div.diagram-percent-item-value span,
div.statistics-diagram-shape div.dSeventh div.diagram-percent-item-value span { width: 100%; height: 7px; position: absolute; background: #5b7778; }

div.diagrams-shape div.statistics-diagram-shape div.dSecond div.diagram-percent-item-value span,
div.statistics-diagram-shape div.dSixth div.diagram-percent-item-value span { width: 100%; height: 7px; position: absolute; background: #edbc3c; }

div.diagrams-shape div.statistics-diagram-shape div.dThird div.diagram-percent-item-value span,
div.statistics-diagram-shape div.dFifth div.diagram-percent-item-value span { width: 100%; height: 7px; position: absolute; background: #92a7a8; }

div.diagrams-shape div.statistics-diagram-shape div.dFourth div.diagram-percent-item-value span { width: 100%; height: 7px; position: absolute; background: #313b3d; }

/* set text */
div.diagrams-shape div.statistics-diagram-shape div.diagram-percent-item div.diagram-percent-item-value p.diagram-percent-item-value-text { background-color: #eaf0ee; width: 100%; height: auto; margin: 0; padding: 12px 0 6px 0; text-align: center; }

/* slider bar */
div.diagrams-shape div.slider-content-shape { width: 100%; height: 50px; margin: 0 auto;  }

div.diagrams-shape div.slider-content-shape div#decision-shape,
div.diagrams-shape div.slider-content-shape div#decision-shape-oppose { width: 30px; height: 50px; float: left;  margin: 0; font-size: 15px; color: #959595; }

div.diagrams-shape div.slider-content-shape div#decision-shape { text-align: right;  }

div.diagrams-shape div.slider-content-shape div#decision-shape-oppose { text-align: left; margin-left: -35px; }

div.diagrams-shape div.slider-content-shape div.slider { border: none;  width: 740px; height: 50px; float: left; background: url(../images/slider-bar-statististics-shape.png) no-repeat -17px 0; margin: 0;  }

div.diagrams-shape div.slider-content-shape div.slider div#track2 { margin: 0 auto; width: 573px;  height: 43px; clear:both;  border: none;   }

div.diagrams-shape div.slider-content-shape div.slider  div#track2 div#handle2 { width: 81px; height: 47px; background: url(../images/slider-bar-statististics-shape-picker.png) no-repeat top; border: none;  }

/* rankings */
div.rankings-shape { width: 800px; height: 600px; background-color: #f8f8f8;  }

div.rankings-shape h3 { font-size: 12px; font-weight: bold; padding: 0 20px; }

div.rankings-shape div.overall-rankings-shape-pros { width: 489px; height: 147px; margin: 100px auto 10px auto;  overflow: hidden; }

div.rankings-shape div.overall-rankings-shape-cons { width: 489px; height: 147px; margin: 40px auto 10px auto;  overflow: hidden;}

div.rankings-shape div.overall-rankings-shape-pros .box-pros-odd { width: 487px; height: 69px; border: 1px solid #000000; border-radius: 8px; margin: 2px 0 0 0; background-color: #35753e; }

div.rankings-shape div.overall-rankings-shape-pros .box-pros-odd label,
div.rankings-shape div.overall-rankings-shape-pros .box-pros-even label,
div.rankings-shape div.overall-rankings-shape-cons .box-cons-odd label,
div.rankings-shape div.overall-rankings-shape-cons .box-cons-even label { float: right; padding-right: 20px; color: #FFFFFF; font-size: 11px; }

div.rankings-shape div.overall-rankings-shape-pros .box-pros-even { width: 487px; height: 69px; border: 1px solid #000000; border-radius: 8px; margin: 2px 0 0 0; background-color: #3b8145; }

div.rankings-shape div.overall-rankings-shape-cons .box-cons-odd { width: 487px; height: 69px; border: 1px solid #000000; border-radius: 8px; margin: 2px 0 0 0; background-color: #ab263d; }

div.rankings-shape div.overall-rankings-shape-cons .box-cons-even { width: 487px; height: 69px; border: 1px solid #000000; border-radius: 8px; margin: 2px 0 0 0; background-color: #ba2a43; }

div.rankings-shape div.box-pros-arrow-shape { width: 469px; height: 30px; margin: 0 auto;  }

div.rankings-shape div.box-cons-arrow-shape { width: 469px; height: 30px; margin: 0 auto;  }

div.rankings-shape div.box-pros-arrow-shape span,
div.rankings-shape div.box-cons-arrow-shape span { font-weight: bold; padding-left: 10px; }

div.rankings-shape div.overall-rankings-shape-pros div p,
div.rankings-shape div.overall-rankings-shape-cons div p { margin: 7px 0 0 20px; color: #FFFFFF; font-size: 13px; height: 40px; overflow: hidden; }

div.rankings-shape div.overall-rankings-shape-pros div a,
div.rankings-shape div.overall-rankings-shape-cons div a { margin: 2px 0 0 20px; color: #000000; font-size: 11px; text-decoration: underline; }

div.rankings-shape div.overall-rankings-shape-pros div a:nth-child(3),
div.rankings-shape div.overall-rankings-shape-cons div a:nth-child(3) { margin: 2px 0; }

div.rankings-shape div.overall-rankings-shape-pros h2,
div.rankings-shape div.overall-rankings-shape-cons h2 { font-size: 18px; }

div.admin-create-poll { width: 600px; height: 30px; margin: 15px; background: url(../images/alert-administrator-shape.png) no-repeat center left; }

div.admin-create-poll p { font-family: 'Myriad Pro'; font-size: 14px; font-style: italic; color: #969696; border-bottom: 1px solid #E6E6E6; margin: 0 0 0 50px; padding-bottom: 6px; }

div.admin-create-poll p a,
div.admin-create-poll p a:link,
div.admin-create-poll p a:visited { font-size: 18px; margin-left: 10px; color: #2993de; }

div.admin-create-poll p a:hover { text-decoration: underline; }

/* virality */
div.virality-shape { width: 800px; height: 150px; margin: 0 0 60px 0; clear: both; float: left;  }

div.virality-shape div { clear: both; width: 133px; height: 27px; float: left; margin: 10px 0 0 15px; }

div.virality-shape label { padding: 13px 5px 0 15px; font-weight: bold; float: left; color: #313b3d; }

div.virality-shape div label { padding: 3px 10px; color: #FFFFFF; }

div.virality-shape div span { margin: 2px 10px 0 10px; color: #FFFFFF; width: 80px; height: 20px; position: absolute; }

div.virality-shape p { padding: 10px 5px 0 15px; font-style: italic; clear: both; float: left; }

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

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

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

/* rss */
div.rss-shape { clear: both; height: 100px; margin: 50px 0 0 0;  }

div.rss-shape a:link,
div.rss-shape a:visited { margin: 15px 15px; font-size: 11px; padding: 5px 10px 5px 25px; background: url(../images/rss.png) no-repeat 3px center; color: #0066FF; opacity: 0.8; }

div.rss-shape a:hover { text-decoration: underline; opacity: 1; }

/* new layouts */
div.slider-dashboard { width: 540px; margin: 25px auto; }

div.slider-dashboard div#eq-overall span.ui-slider { cursor: default; }

div.slider-dashboard div#eq-overall span.ui-slider a.ui-slider-handle { cursor: default; }

div.slider-dashboard div#eq-overall input.overall-value { border: 1px solid #CCCCCC; font-size: 11px; width: 50px; margin-top: 5px; padding: 5px; border-radius: 8px; background-color: #EEEEEE; border: 1px solid #CCCCCC; color: #555555; }