/* Level the playing field by swinging big axe */
@import "reset.css";/* Structure */
body {
background: transparent url(../image/bg-overflow_tile.jpg) repeat;
font-family: Helvetica,Arial;
}
/* this uses a min-height strategy that is cross-browser (min-height+height+height) */
#container {
min-height: 996px;
height: auto !important;
height: 996px;
background: transparent url(../image/bg_tile.jpg) repeat-x;
position: relative;
padding-top: 125px;
}
#wrapper {
width: 1050px;
margin: 0px auto;
background: transparent url(../image/wrapper-bg.png) repeat-y;
padding: 0px 4px 0px 4px;
}
#logo {
position: absolute;
z-index: 1;
top: 12px;
height: 112px;
width: 323px;
background: transparent url(../image/dl.png) no-repeat scroll 21px -65px;
text-indent: -9999px;
cursor: pointer;
}
#header {
position: absolute;
top: 124px;
height: 40px;
z-index: 10;
}
#dl-body {
position: relative;
width: 1018px;
background: transparent url(../image/body-bg.png) repeat-x;
margin-left: 2px;
overflow: hidden;
padding: 41px 15px 0px 15px;
}
#content {
margin-top: 20px;
/*	min-height: 400px;*/
	height: auto !important;
}
#footer {
background: transparent url(../image/footer-bg.png) repeat-x;
border-bottom: 2px solid #B5BDC4;
width: 1050px;
margin: 0 auto;
height: 77px;
}
div#footer .copyright {
display: block;
float: left;
padding: 3px;
color: #777777;
}
#footer-dl {
margin-left: 15px;
height: 55px;
width: 130px;
background: transparent url(../image/dl.png) no-repeat -51px 0px;
float: left;
text-indent: -3000px;
}
#footer-content {
float: left;
width: 450px;
margin-top: 25px;
font-size: 11px;
color: #6485a2;
}
/* Typography */
h1 {
font-size: 36px;
line-height: 36px;
color: #6485a2;
font-weight: normal;
padding-left: 3px;
margin-bottom: 18px;
}
/*
h2.header {
font-size: 44px;
color: #6485a2;
font-weight: normal;
padding-left: 3px;
}
*/
h3.home-sections {
color: #555;
font-weight: normal;
font-size: 16px;
line-height: 18px;
}
h3.heading {
font-size: 12px;
line-height: 18px;
color: #6485a2;
font-weight: bold;
}
h3.help {
font-size: 12px;
line-height: 18px;
color: #555;
font-weight: bold;
}
a {
color: #6485a2;
}
.copy {
font-size: 12px;
line-height: 15px;
color: #555555;
font-weight: normal;
}
p, td {
font-size: 12px;
line-height: 18px; 
}
p {
margin-bottom: 18px;
}
/* Decoration */
/* headers */
#body-issues h1,#body-values h1,#body-objectives h1,#body-policys h1, #body-policies h1, #body-summary h1 {
display: block;
padding-left: 47px !important;
}
#body-home h1 {
height:40px;
//margin:8px 7px 0 0;
//padding:25px 0 10px 290px !important;
}
#body-issues h1,
#body-values h1.issue,
#body-objectives h1.issue,
#body-policies h1.issue,
#body-summary h1.issue {
background: transparent url(../image/issue-icon-lg.png) no-repeat top left;
}
#body-values h1,
#body-objectives h1.value,
#body-policies h1.value {
background: transparent url(../image/value-icon-lg.png) no-repeat top left;
}
#body-objectives h1,
#body-policies h1.objective {
background: transparent url(../image/objective-icon-lg.png) no-repeat top left;
}
#body-policys h1,
#body-policies h1 {
background: transparent url(../image/policy-icon-lg.png) no-repeat top left;
}
/* icons */
.value-large {
background: transparent url(../image/value-icon-lg.png) no-repeat 0px 0px;
height: 37px;
padding-left: 47px;
}
.objective-large {
background: transparent url(../image/objective-icon-lg.png) no-repeat 0px -0px;
height: 37px;
padding-left: 47px;
}
.policy-large {
background: transparent url(../image/policy-icon-lg.png) no-repeat 0px 0px;
height: 37px;
padding-left: 47px;
}
.issue-large {
background: transparent url(../image/issue-icon-lg.png) no-repeat 0px 0px;
height: 37px;
padding-left: 47px;
}

/* pipes */
.hpipe {
background: transparent url(../image/h-pipe_body.jpg) repeat-x;
height: 2px;
width: 100%;
margin-top: 10px;
padding-bottom: 10px;
}
.hpipe-withticker {
width: 600px !important;
margin-top: 10px;
padding-bottom: 10px;
}
hr {
display: none;
}
/* consensus indicators */
.indicator {
display: inline-block;
height: 8px;
width: 61px;
background: transparent url(../image/scale.png) no-repeat;
}
.indicator-1 {
background-position: 0px -8px;
}
.indicator-2 {
background-position: 0px -16px;
}
.indicator-3 {
background-position: 0px -24px;
}
.indicator-4 {
background-position: 0px -32px;
}
.indicator-5 {
background-position: 0px -40px;
}
.indicator-6 {
background-position: 0px -48px;
}
.indicator-7 {
background-position: 0px -56px;
}
.led {
display: block;
width: 16px;
height: 17px;
background: transparent url(../image/led.png) no-repeat;
}
.led-positive {
background-position: 0px 0px;
}
.led-neutral {
background-position: 0px -17px;
}
.led-negative {
background-position: 0px -34px;
}
/* Search */
#search {
position: relative;
float: left;
margin-left: 828px;
width: 158px;
height: 20px;
background-position: 0px -80px !important;
}
#search-input {
border: none;
background-color: #fff;
height: 12px;
width: 120px;
margin: 3px 0px 0px 3px;
padding-left: 3px;
font-size: 10px;
float: left;
}
#search-submit {
float: left;
border: none;
background-color: transparent;
height: 20px;
width: 28px;
cursor: pointer;
}
/* Login/Logout */
#top-nav {
position: absolute;
top: 104px;
height: 20px;
width: 1050px;
}
#top-nav ul li {
display: block;
float: left;
}
#top-nav ul li a {
display: block;
height: 20px;
text-indent: -9999px;
}
#signup-share a {
width: 70px;
background-position: -158px -100px !important;
}
#signin-signout a {
width: 64px;
background-position: -228px -100px !important;
}
body.authenticated #signup-share a {
width: 70px;
background-position: -158px -80px !important;
}
body.authenticated #signin-signout a {
background-position: -228px -80px !important;
}
/* Primary Navigation */
#nav {
position: relative;
z-index: 10;
height: 40px;
width: 1050px;
}
#nav ul li {
display: block;
float: left;
}
#nav ul li a {
display: block;
height: 40px;
text-indent: -9999px;
}
#secondary-nav {
float: left;
}
#primary-nav,#secondary-nav {
position: relative;
display: block;
}
#primary-nav li a,#secondary-nav li a,#search,#user-nav li a,.navspacer,#location a {
background: transparent url(../image/nav-sprite.png) no-repeat;
}
#nav-concepts a {
width: 104px;
background-position: 0px 0px;
}
#body-home #nav-concepts a {
background-position: 0px -40px;
}
/*body#body-home #content {
min-height: 730px;
}
*/

#dashboard-header {
width: 550px;
}

#nav-issues a {
width: 100px;
background-position: -104px 0px !important;
}
#body-issues #nav-issues a {
background-position: -104px -40px !important;
}
#nav-values a {
width: 101px;
background-position: -204px 0px !important;
}
#body-values #nav-values a {
background-position: -204px -40px !important;
}
#nav-objectives a {
width: 102px;
background-position: -305px 0px !important;
}
#body-objectives #nav-objectives a {
background-position: -305px -40px !important;
}
#nav-policies a {
width: 101px;
background-position: -407px 0px !important;
}
#body-policys #nav-policies a,
#body-policies #nav-policies a {
background-position: -407px -40px !important;
}
.navspacer {
width: 160px;
height: 40px;
background-position: -607px 0px !important;
background-image: url(../image/nav-sprite-2.png);
}
#nav-summary a {
width: 90px;
background-position: -508px 0px !important;
}
#body-summary #nav-summary a {
width: 90px;
background-position: -508px -40px !important;
}
#body-symposium #nav-symposium a {
background-position: -657px -40px !important;
}
#nav-profile a {
width: 81px;
background-position: -657px 0px !important;
}
#body-profile #nav-profile a {
background-position: -657px -40px !important;
}
#nav-how a {
width: 87px;
background-position: -738px 0px !important;
}
#body-how #nav-how a {
background-position: -738px -40px !important;
}
#nav-about a {
width: 72px;
background-position: -825px 0px !important;
}
#body-about #nav-about a {
background-position: -825px -40px !important;
}
#nav-help a {
width: 52px;
background-position: -897px 0px !important;
}
#body-help #nav-help a {
background-position: -897px -40px !important;
}
/* Breadcrumb/Location */
#location {
height: 24px;
margin-top: 12px;
}
#location a {
display: block;
float: left;
height: 21px;
width: 30px;
background-position: 0px -120px;
}
.history a.history {
background-position: -57px -120px !important;
}
.history a.current {
background-position: -85px -120px !important;
}
.current a.history {
background-position: 0px -120px !important;
}
.current a.current {
background-position: -28px -120px !important;
}
#breadcrumbs,#history {
display: block;
float: left;
height: 21px;
margin: 0px 0px 0px 0px;
}
#breadcrumbs li,#history li {
display: block;
float: left;
font-size: 11px;
margin-left: 3px;
padding-top: 6px;
color: #555;
}
#breadcrumbs li a,#history li a {
background: none;
display: inline;
color: #6485a2;
width: auto;
padding-right: 0px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#history {
display: none;
}
/* end breadcrumb */

#paginator {
    font-size: 11px;
    margin-top: 6px;
    margin-left: 512px;
    margin-bottom: 18px;
}

#footer-content a {
color: #6485a2;
padding: 3px;
}
#chalkboard {
float: right;
margin: 4px 7px 0px 0px;
width: 185px;
height: 70px;
background: transparent url(../image/dl.png) no-repeat 0px -177px;
}
#footer-image {
float: right;
margin: 4px 7px 0px 0px;
}
/* Utility */
.clear-fix {
clear: both;
}
#filler {
width: 100%;
height: 600px;
}
#ticker-panel {
position: absolute;
top: 72px;
right: 0px;
width: 320px;
height: auto;
border-left: 1px solid #a4c0da;
border-bottom: 1px solid #a4c0da;
background-color: #f6f8f9;
}
#ticker-heading {
position: relative;
background-color: #92b2cd;
height: 72px;
border-bottom: 2px solid #a4c0da;
}
#ticker-heading span {
position: absolute;
display: block;
color: #ffffff;
text-align: right;
bottom: 7px;
right: 7px;
}

/* badges */
/*
.value {
background: transparent url(../image/value.png) no-repeat;
}
.objective {
background: transparent url(../image/vpp-listing-bg.png) no-repeat 0px -37px;
}
.policy {
background: transparent url(../image/policy.png) no-repeat;
}
*/
.active-list {
border: thin solid #aaaaaa; 
width: 100%; 
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#values-list, #values-list-active, #values-list-passive, .panel dd.value {
display: block;
//width: 150px;
margin: 0px 0 25px 0;
float: left;
}
#values-list li, #values-list-active li, #values-list-passive li, .panel dd.value {
display: block;
border: 1px solid #619ed3;
width: 150px;
height: 16px;
padding: 1px 0 0 24px;
margin-bottom: 5px;
margin-top: 5px;
background: #fff url(../image/value-icon-sm.png) no-repeat 0px 0px;
}
#body-summary li.value {
width: 200px;
}
#values-list li a, #values-list-active li a, #values-list-passive li a {
display: block;
float: left;
text-decoration: none;
color: #555;
font-size: 11px;
line-height: 16px;
}

#issues-list, #issues-list-passive, #issues-list-active, .panel dd.issue {
display: block;
//width: 150px;
margin: 0px 25px 25px 0px;
padding-left: 25px;
float: left;
}
#issues-list li, #issues-list-passive li, #issues-list-active li, .panel dd.issue {
display: block;
border: 1px solid #619ed3;
width: 140px;
height: 16px;
padding: 1px 0 0 24px;
margin-bottom: 5px;
margin-top: 5px;
background: #fff url(../image/issue-icon-sm.png) no-repeat 0px 0px;
}
#issues-list li a, #issues-list-active li a, #issues-list-passive li a {
display: block;
float: left;
text-decoration: none;
color: #555;
font-size: 11px;
line-height: 16px;
}

#objectives-list, #objectives-list-active, #objectives-list-passive {
float: left;
//width: 250px;
display: block;
margin: 0px 0 25px 0;
}
#objectives-list li, #objectives-list-active li, #objectives-list-passive li, .panel dd.objective {
display: block;
border: 1px solid #ed9646;
width: 200px;
height: 16px;
padding: 1px 0 0 24px;
margin-bottom: 5px;
margin-top: 5px;
background: #fff url(../image/objective-icon-sm.png) no-repeat 0px 0px;
}
#objectives-list li a, #objectives-list-active li a, #objectives-list-passive li a {
display: block;
float: left;
text-decoration: none;
color: #555;
font-size: 11px;
line-height: 16px;
}
#policys-list,
#policies-list,
#policies-list-active,
#policies-list-passive {
float: left;
//width: 250px;
display: block;
margin: 0px 0 25px 0;
}
#policys-list li,
#policies-list li, 
#policies-list-active li, 
#policies-list-passive li, 
.panel dd.policy {
display: block;
border: 1px solid #70c63c;
width: 200px;
height: 16px;
padding: 1px 0 0 24px;
margin-bottom: 5px;
margin-top: 5px;
background: #fff url(../image/policy-icon-sm.png) no-repeat 0px 0px;
}
#policys-list li a,
#policies-list li a,
#policiss-list-active li a,
#policies-list-passive li a {
display: block;
float: left;
text-decoration: none;
color: #555;
font-size: 11px;
line-height: 16px;
}
//#policys-list li a:hover {
//text-decoration: underline;
//}
//#issues-list li a:hover, #objectives-list li a:hover, #values-list li a:hover, .panel dd a:hover {
//text-decoration: underline;
//}
.panel dd {
    float:none !important;
}
.concept-list-item {
display: block;
float: left;
width: 90%;
text-decoration: none;
color: #555;
font-size: 11px;
line-height: 16px;
}

.tag-list-item {
display: block;
float: left;
width: 90%;
}
#values-list li.summary-list-item,
#objectives-list li.summary-list-item,
#policies-list li.summary-list-item {
	margin-bottom: 30px;
}

.ttip {
display: block;
float: right;
width: 14px;
height: 16px;
background: transparent url(../image/popup-indicator.png) no-repeat 0px 2px;
}
.concept-tooltip {
display: none;
}

.tag-tooltip {
display: none;
}

/* Signup */
#signup-steps {
background: transparent url(../image/signup.png) no-repeat top center;
height: 103px;
}
.signup-step2 {
background-position: center -103px !important;
}
.signup-step3 {
background-position: center -206px !important;
}
.signup-choice-login {
position: relative;
height: 200px;
float: left;
width: 455px;
margin-top: 15px;
}
.signup-choice-new {
position: relative;
height: 200px;
float: right;
width: 455px;
margin-top: 15px;
}
#google-signin {
display: block;
height: 19px;
width: 100px;
background: transparent url(../image/signup.png) no-repeat 0px -309px;
text-indent: -9999px;
}
#google-signup {
display: block;
height: 19px;
width: 165px;
background: transparent url(../image/signup.png) no-repeat 0px -328px;
text-indent: -9999px;
}
#tour-exit {
background: transparent url(../image/exit-tour.png) no-repeat;
position: absolute;
z-index: 10;
right: 0px;
top: 0px;
width: 80px;
height: 78px;
}
#tour-exit a {
display: block;
width: 67px;
height: 67px;
text-indent: -9999px;
float: right;
}
/* Concept Detail Pages */
.concept-description {
width: 550px;
height: auto !important;
}
.concept-description {
font-size: 12px;
line-height: 18px;
margin-bottom: 18px;
}
.detail-panel {
width: 550px;
height: auto;
margin: 0px auto;
padding: 10px 0;
float: left;
}
.detail-panel-header {
text-transform: uppercase;
font-size: 18px;
font-font-weight: normal;
padding: 9px 0 9px 0;
color: #6485a2;
}
.instructions p {
font-size: 9px;
line-height: 9px;
}
/*Tags Panel*/
/* tag lists */
/* tag lists */
#tag-list {
display: block;
float: left;
margin: 0 0 9px;
width: 550px;
}
#tag-list li {
float: left;
border: 1px solid #619ED3;
display: block;
height: 18px;
margin-bottom: 9px;
margin-right: 24px;
padding: 0 0 0 24px;
width: 96px;
}

#tag-list li .selected {
border: 1px solid yellow;
}
#tag-list li a {
color: #555555;
display: block;
float: left;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}

#tag-list li.issue {
display: block;
border: 1px solid #619ed3;
width: 140px;
height: 16px;
padding: 1px 0 0 24px;
margin-bottom: 10px;
background: #fff url(../image/issue-icon-sm.png) no-repeat 0px 0px;
}
#tag-list li.value {
display: block;
border: 1px solid #619ed3;
width: 150px;
height: 16px;
padding: 1px 0 0 24px;
margin-bottom: 10px;
background: #fff url(../image/value-icon-sm.png) no-repeat 0px 0px;
}
#tag-list li.objective {
display: block;
border: 1px solid #ed9646;
width: 200px;
height: 16px;
padding: 1px 0 0 24px;
margin-bottom: 10px;
background: #fff url(../image/objective-icon-sm.png) no-repeat 0px 0px;
}
#tag-list li.policy {
display: block;
border: 1px solid #70c63c;
width: 200px;
height: 16px;
padding: 1px 0 0 24px;
margin-bottom: 10px;
background: #fff url(../image/policy-icon-sm.png) no-repeat 0px 0px;
}

.tag-title {
color: #555555;
display: block;
float: left;
font-size: 11px;
line-height: 16px;
text-decoration: none;
width: 80px;
}

.tag-title-issue {
color: #555555;
display: block;
float: left;
font-size: 11px;
line-height: 16px;
text-decoration: none;
width: 120px;
}

.tag-title-value {
color: #555555;
display: block;
float: left;
font-size: 11px;
line-height: 16px;
text-decoration: none;
width: 130px;
}

.tag-title-objective {
color: #555555;
display: block;
float: left;
font-size: 11px;
line-height: 16px;
text-decoration: none;
width: 180px;
}

.tag-title-policy {
color: #555555;
display: block;
float: left;
font-size: 11px;
line-height: 16px;
text-decoration: none;
width: 180px;
}

.tag-header {
text-transform: capitalize;
}
.tag-list-panel {
font-size: 12px;
line-height: 18px;
color: #555555;
font-weight: normal;
margin: 0px auto;
padding: 0px 0px 0px 0px;
float: left;
/* min-height: 425px; */
}
.tag-list-panel ul {
margin: 15px 0px 15px 0px;
font-size: 12px;
line-height: 16px;
}
.tag-list-panel ul li {
text-align: justify;
margin: 10px 0px 0px 30px;
list-style: none;
}
#body-summary .tag-list-panel ul li {
margin: 10px 0px 30px 0px;
}
.tag-list {
float: left;
width: 250px;
display: block;
margin: 0px 0 25px 0;
}
.tag-list li {
display: block;
border: 1px solid #ed9646;
width: 200px;
height: 16px;
padding: 1px 0 0 24px;
margin-bottom: 10px;
//background: #fff url(../image/vpp-listing-bg.png) no-repeat 0px -36px;
}
.tag-list li a {
display: block;
float: left;
text-decoration: none;
color: #555;
font-size: 11px;
line-height: 16px;
}
.tag-list li a:hover {
text-decoration: underline;
}

#tag-panel {
    display: block;
}

#tag-cloud {
    width: 550px;
    display: none;
    height: auto;
    min-height: 425px;
}

#tag-cloud p {
    margin-top: 18px;
    height: auto;
    line-height: 2em;
}
/* Modal Window */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.dialog-close {
display: block;
background: transparent url(../image/popup-close.png) no-repeat;
position: absolute;
right: 7px;
top: 7px;
width: 16px;
height: 16px;
text-indent: -9999px;
}

#popup {
    display:none;
    display: none;
    position: fixed !important;
/*    left: 50%;*/
    width: 600px;
    background: #DEEAF2 url(../image/popup-bg.png) repeat-x;
/*    top: 10%;*/
    padding: 25px 0 50px 25;
    color: #333;
    border: 2px solid #B5BDC4;
    padding: 20px;
}

/*.jqmWindow {
display: none;
position: absolute;
left: 50%;
margin-left: -300px;
width: 600px;
background: #DEEAF2 url(../image/popup-bg.png) repeat-x;
top: 10%;
padding: 25px 0 50px 25;
color: #333;
border: 2px solid #B5BDC4;
padding: 20px;
}
*/
.jqmOverlay {
background-color: #000;
}


h4.objective-popup-title {
display: block;
background: transparent url(../image/objective-icon-sm.png) no-repeat;
padding: 1px 0 0 24px;
font-size: 20px;
font-weight: bold;
color: #6485A2;
}
h4.value-popup-title {
display: block;
background: transparent url(../image/value-icon-sm.png) no-repeat;
padding: 1px 0 0 24px;
font-size: 20px;
font-weight: bold;
color: #6485A2;
}
h4.policy-popup-title {
display: block;
background: transparent url(../image/policy-icon-sm.png) no-repeat;
padding: 1px 0 0 24px;
font-size: 20px;
font-weight: bold;
color: #6485A2;
}
h4.issue-popup-title {
display: block;
background: transparent url(../image/issue-icon-sm.png) no-repeat;
padding: 1px 0 0 24px;
font-size: 20px;
font-weight: bold;
color: #6485A2;
}
#popup p,#popup ul,#textbody ul {
margin: 15px 0px 15px 0px;
font-size: 12px;
line-height: 16px;
}
#popup ul li,#textbody ul li {
text-align: justify;
margin: 10px 0px 0px 30px;
list-style: disc;
}
/* End Modal Window
/* Rating Widget */
.panel {
border: 3px solid #fff;
width: 565px;
min-height: 120px;
height: auto !important;
height: auto;
float: left;
margin: 15px 0;
position: relative;
}
.panel h4 {
color: #555;
position: absolute;
top: 12px;
left: 45px;
font-weight: normal;
font-size: 18px;
display: block;
margin-right: 24px;
}
.panel dd {
font-size:12px;
color:#555;
}
.panel p {
font-size: 12px;
color: #555;
margin: 35px 24px 18px 45px;
}
.panel dl {
    margin:15px 15px 15px 35px;
}
.panel dt {
    color:#555555;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    margin-top:18px;
}
.panel dd a {
    float:none;
}

#concept-links {
    margin-bottom: 18px;
}

.home-rating-value {
border-color: #619ED3;
background: #ffffff url(../image/value-icon-lg.png) no-repeat top left;
float: left;
}
.home-rating-objective {
border-color: #ED9646;
background: #ffffff url(../image/objective-icon-lg.png) no-repeat top left;
float: left;
}
.home-rating-policy {
border-color: #70c63c;
background: #ffffff url(../image/policy-icon-lg.png) no-repeat top left;
float: left;
}
.home-rating-issue {
border-color: #820FC6;
background: #ffffff url(../image/issue-icon-lg.png) no-repeat top left;
float: left;
}

.ratingwidget {
position: relative;
width: 60px;
margin: 5px auto;
height: 126px;
}
.ratingwidget-home {
position: absolute;
left: 58px;
right: 0px;
bottom: 10px;
}
.r1 a, .r2 a, .r3 a, .r4 a, .r5 a, .r6 a, .r7 a,.r1_graph, .r2_graph, .r3_graph, .r4_graph, .r5_graph, .r6_graph, .r7_graph {
background: transparent url(../image/rating/rating-sprite-results.png) no-repeat;
}

.r1 {
position: absolute;
left: 0px;
bottom: 30px;
}
.r1 a {
position: relative;
display: block;
margin-top: 78px;
width: 23px;
height: 22px;
background-position: 1px 0px;
z-index: 100;
}
.r1 a:hover {
background-position: 0px -22px !important;
}
.r1_graph {
position: absolute;
background-position: -163px 15px;
height: 0px;
width: 15px;
bottom: 12px;
left: 3px;
}
.rating_label {
font-size: 10px;
text-align: center;
color: #646464;
bottom: 1px;
visibility: hidden;
}
.r2 {
position: absolute;
width: 23px;
left: 23px;
bottom: 30px;
}
.r2 a {
position: relative;
display: block;
margin-top: 78px;
width: 23px;
height: 22px;
background-position: -23px 0px;
z-index: 100;
}
.r2 a:hover {
background-position: -23px -22px !important;
}
.r2_graph {
position: absolute;
background-position: -177px 15px;
height: 0px;
width: 15px;
bottom: 12px;
left: 4px;
}
.r3 {
position: absolute;
width: 23px;
left: 46px;
bottom: 30px;
}
.r3 a {
position: relative;
display: block;
margin-top: 78px;
width: 23px;
height: 22px;
background-position: -47px 0px;
}
.r3 a:hover {
background-position: -47px -22px !important;
}
.r3_graph {
position: absolute;
background-position: -191px 15px;
height: 0px;
width: 15px;
bottom: 10px;
left: 3px;
}
.r4 {
position: absolute;
width: 24px;
left: 69px;
bottom: 30px;
}
.r4 a {
position: relative;
display: block;
margin-top: 78px;
width: 24px;
height: 22px;
background-position: -70px 0px;
}
.r4 a:hover {
background-position: -70px -22px !important;
}
.r4_graph {
position: absolute;
background-position: -205px 15px;
height: 0px;
width: 15px;
bottom: 10px;
left: 4px;
}
.r5 {
position: absolute;
width: 23px;
bottom: 30px;
left: 93px;
}
.r5 a {
position: relative;
display: block;
margin-top: 78px;
width: 23px;
height: 22px;
background-position: -93px 0px;
}
.r5 a:hover {
background-position: -93px -22px !important;
}
.r5_graph {
position: absolute;
background-position: -219px 15px;
height: 0px;
width: 15px;
bottom: 10px;
left: 4px;
}
.r6 {
position: absolute;
width: 23px;
bottom: 30px;
left: 116px;
}
.r6 a {
position: relative;
display: block;
margin-top: 78px;
width: 23px;
height: 22px;
background-position: -116px 0px;
}
.r6 a:hover {
background-position: -116px -22px !important;
}
.r6_graph {
position: absolute;
background-position: -233px 15px;
height: 0px;
width: 15px;
bottom: 10px;
left: 5px;
}
.r7 {
position: absolute;
width: 23px;
bottom: 30px;
left: 139px;
}
.r7 a {
position: relative;
display: block;
margin-top: 78px;
width: 23px;
height: 22px;
background-position: -139px 0px;
}
.r7 a:hover {
background-position: -139px -22px !important;
}
.r7_graph {
position: absolute;
background-position: -247px 15px;
height: 0px;
width: 15px;
bottom: 10px;
left: 5px;
}
.rating-disagree,.rating-agree {
font-size: 10px;
position: absolute;
top: 85px;
}
.rating-disagree {
left: -70px;
}
.rating-agree {
right: -55px;
}
.rating-submit-holder {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
}
.votes_count { 
    margin-left:-70px; 
    width:70px;
}

/* end rating widget */

/*LOGIN DIV*/
div#loginPage {
width: 1050px;
}
/*hidden while funtionality is being sorted out */
div#loginForm {
margin: 0 auto;
width: 300px;
}
div#loginPage .loginDesc {
color: #555;
font-size: 11px;
padding-top: 5px;
width: 270px;
}
div#loginPage .form {
width: 400px;
color: #555;
font-size: 10px;
color: black;
text-align: right;
margin-left:-50px;
}
div#loginPage .red, .loginForm .red, .loginForm .error {
color: red;
}
div#loginPage .form p {
line-height: 30px;
font-size: 10px;
padding-right: 20px;
}
div#loginPage .form label {
    display:block;
    float:left;
    width:110px;
}
div#loginPage .form label[for="accepted"] {
    float:none;
    width:inherit;
    text-align:left;
}
div#loginPage .form input, div#loginPage .form select {
    float:left;
    margin-left:10px;
    margin-top:2px;
    text-align:left;
}
div#loginPage input#accepted {
    display:block;
    float:left;
    margin:8px 5px 0 120px;
    text-align:left;
}
div#loginPage input[type="image"] {
    display:block;
    float:none;
    margin:0 0 20px 120px;
}
/*COMMENTS*/
div#addComment {
/*display: none;*/
}

div#commentslist {
width: 550px;
height: auto;
min-height: 36px;
}
div#commentslist .commentHeader {
border: 1px solid #999;
padding: 18px 10px;
}
div#commentslist .commentHeader p {
padding-left: 3px;
padding-top: 5px;
margin-bottom: 5px;
}
div#commentslist .sort {
padding: 18px 13px;
font-size: 11px;
}
div#commentslist .addCommentButton {
padding: 0 22px;
}
div#commentslist .commentBox {
border: 1px solid #999;
padding: 20px 10px;
font-size: 12px;
color: #555;
margin-bottom: 20px;
height: auto;
min-height: 54px;
}
div#commentslist .commentLeft {
float: left;
width: 100px;
overflow: hidden;
}
div#commentslist .commentCenter {
float: left;
width: 330px;
}
div#commentslist .commentRight {
float: right;
width: 90px;
}
div#commentslist .favor {
color: #5f8863;
}
div#commentslist .opp {
color: #990000;
}
div#commentslist .neutral {
color: #999;
}
div#commentslist h4 {
padding: 0 0 5px 0;
}
div#commentslist li {
padding: 2px 0;
}
div#conceptDesc {
    width: 550px;
    margin-bottom: 18px;
}
div#conceptDesc p {
line-height: 18px;
margin-bottom: 9px;
font-size: 14px;
color: #555555;
}
div#conceptDesc ul {
list-style-type: disc;
font-size: 12px;
padding-left: 1em;
padding-bottom: 10px;
}
div#posDesc li {
margin-top: 9px;
line-height: 18px;
}
#junk p {
margin-bottom: 12px;
text-align: justify;
}
strong {
font-size: 11px;
}

.evidence {
margin: 15px;
padding-top: 10px;
border-top: 1px dotted #555;
}

#ticker-panel ul li {
font-size: 10px;
list-style: disc;
color: #6485A2;
margin: 3px 0 0 15px;
}


.ticker-auth-message {
position: relative;
width: 175px;
margin: 25px auto;
}
div#addSplit {
width: 550px;
float: left;
}
div#addSplit p {
font-size: 11px;
margin-bottom: 0;
line-height: 16px;
}
div#addSplit .commentType {
width: 550px;
}
div#addSplit .left {
text-align: right;
width: 97px;
float: left;
padding-top: 11px;
}
div#addSplit .center {
text-align: center;
float: left;
width: 190px;
border: 1px solid #999;
height: 80px;
padding-top: 20px;
margin-left: 10px;
}
div#addSplit .right {
text-align: center;
border: 1px solid #999;
float: right;
width: 238px;
padding-top: 20px;
height: 80px;
}
div#addSplit .rightButton {
margin-left: 35px;
}
div#addSplit h3.comment {
padding-bottom: 10px;
color: #6485A2;
}
div#addSplit ul {
display: inline;
}
div#addSplit li {
display: inline;
font-size: 11px;
margin: 11px;
}
div#addSplit .commentBox {
float: left;
margin-left: 10px;
margin-top: 10px;
width: 441px;
}
div#addSplit .commentBox textarea {
    width:440px;
    border:1px solid #999999;
}
#submit-comment {
    margin:10px 0 20px 107px;
}
div#addSplit .radspace {
padding: 0 50px;
}
div#addSplit .squeeze {
margin: -8px;
}
div#addSplit .buttonMod {
float: right;
text-align: right;
width: 550px;
}
.clearTool {
clear: both;
}
#searchBar {
padding-left: 260px;
float: left;
margin-top: -21px;
width: 1030px;
}

#tab-objectives {
display: block;
}
#tab-objectives li {
display: block;
margin-top: 14px;
height: 40px;
border-bottom: 1px solid #CCC;
}
#tab-objectives li h4 {
font-weight: normal;
color: #6485A2;
font-size: 15px;
}
.buttonLeft {
padding-left: 48px;
font-size: 11px;
}
.buttonRight {
margin-left: 121px;
font-size: 11px;
}
div#panelNav {
float: right;
width: 410px;
font-size: 11px;
padding-bottom: 20px;
}
div#panelNav a {
color: blue;
text-decoration: underline;
}
div#panel a {
color: red;
}

.voteImage {
text-align: left;
padding-top: 10px;
}
.addNew {
margin-top: -18px;
padding-right: 104px;
float: right;
}

/*.jqmWindow {
display: none;
position: absolute;
left: 50%;
margin-left: -300px;
width: 600px;
background: #DEEAF2 url(../image/popup-bg.png) repeat-x;
top: 10%;
padding: 25px 0 50px 25;
color: #333;
border: 2px solid #B5BDC4;
padding: 20px;
}
*/

/* New Concepts */
div#newConcept {
display: none;
position: absolute;
top: 100px;
left: 100px;
right: 100px;
background: #DEEAF2 url(../image/popup-bg.png) repeat-x;
width: 400px;
padding: 20px;
border: 5px solid #6485A2;
color: #555;
}
div#addType {
width: 350px;
padding-left: 20px;
}
div#addType p {
float: left;
}
div.addRad {
float: right;
height: 80px;
border: 1px solid #999;
font-size: 11px;
text-align: center;
width: 200px;
}
div.addRad h3 {
padding: 10px 0 15px 0;
}
.buttSpace {
padding-right: 10px;
}
/*new policy*/
body#body-home div#newPolicy {
position: absolute;
padding-top: 20px;
width: 475px;
letter-spacing: 0.02em;
color: #555;
display: none;
z-index: 50;
}
body#body-home h3 {
letter-spacing: normal
}
body#body-home div#guidelines p {
font-weight: bold;
width: 420px;
}
body#body-home div#guidelines ul {
list-style-type: disc;
padding-left: 1em;
font-size: 11px;
line-height: 1em;
margin-top: -15px;
line-height: 12px;
}
div#policyForm {
width: 325px;
padding-left: 73px;
padding-top: 15px;
}
div#policyForm .left {
float: left;
font-weight: bold;
margin-bottom: 2px;
font-size: 11px;
margin-top: 8px;
}
div#policyForm .tips {
font-size: 9px;
color: blue;
margin-left: 50px;
float: right;
margin-top: -18px;
}
div#policyForm .tips a {
text-decoration: none;
}
div#policyForm .checks {
font-size: 8px;
}
div#newPolicy .policyDrop {
width: 425px;
padding-top: 20px;
}
div#newPolicy .pDLeft {
float: left;
width: 215px;
}
div#newPolicy .pDRight {
float: right;
width: 200px;
}
.policyButton {
text-align: center;
padding: 20px 0;
}
/*new policy */
div#newPolicy {
position: absolute;
border: 5px solid #6485a2;
padding: 20px;
width: 475px;
letter-spacing: 0.02em;
color: #555;
display: none;
background: #DEEAF2 url(../image/popup-bg.png) repeat-x;
top: 10px;
left: 225px;
}
h3 {
letter-spacing: normal
}
div#guidelines p {
font-weight: bold;
width: 420px;
}
div#guidelines ul {
list-style-type: disc;
padding-left: 1em;
font-size: 11px;
line-height: 1em;
margin-top: -15px;
line-height: 12px;
}
div#policyForm {
width: 325px;
padding-left: 73px;
padding-top: 15px;
font-size: 11px;
font-weight: bold;
}
div#policyForm .left {
float: left;
font-weight: bold;
margin-bottom: 2px;
font-size: 11px;
margin-top: 8px;
}
div#policyForm .tips {
font-size: 9px;
color: blue;
margin-left: 50px;
float: right;
margin-top: -18px;
}
div#policyForm .tips a {
text-decoration: none;
}
div#policyForm .checks {
font-size: 8px;
}
div#newPolicy .policyDrop {
width: 425px;
padding-top: 20px;
}
div#newPolicy .pDLeft {
float: left;
width: 215px;
}
div#newPolicy .pDRight {
float: right;
width: 200px;
}
.policyButton {
text-align: center;
padding: 20px 0;
}
/*New Objective */
div#newObjective {
position: fixed;
border: 5px solid #6485a2;
padding: 20px;
width: 475px;
letter-spacing: 0.02em;
color: #555;
display: none;
background: #DEEAF2 url(../image/popup-bg.png) repeat-x;
top: 10px;
left: 225px;
z-index: 50;
}
h3 {
letter-spacing: normal
}
div#guidelines p {
font-weight: bold;
width: 420px;
}
div#guidelines ul {
list-style-type: disc;
padding-left: 1em;
font-size: 11px;
line-height: 1em;
margin-top: -15px;
line-height: 12px;
}
div#objectiveForm {
width: 325px;
padding-left: 73px;
padding-top: 15px;
}
div#objectiveForm input[type="text"],
div#objectiveForm textarea,
div#objectiveForm select,
div#policyForm input[type="text"],
div#policyForm select,
div#policyForm textarea { 
    width:325px; 
}
div#objectiveForm .left {
float: left;
font-weight: bold;
margin-bottom: 2px;
font-size: 11px;
margin-top: 8px;
}
div#objectiveForm .tips {
font-size: 9px;
color: blue;
margin-left: 50px;
float: right;
margin-top: -18px;
}
div#objectiveForm .tips a {
text-decoration: none;
}
div#objectiveForm .checks {
font-size: 8px;
}
div#newObjective .objectiveDrop {
width: 425px;
padding-top: 20px;
}
div#newObjective .pDLeft {
float: left;
width: 215px;
}
div#newObjective .pDRight {
float: right;
width: 200px;
}
.objectiveButton {
text-align: center;
padding: 20px 0;
}
/* voter panel */
#votes-panel {
position: absolute;
top: 60px;
right: 0px;
width: 320px;
height: auto;
border-left: 1px solid #a4c0da;
border-bottom: 1px solid #a4c0da;
background-color: #f6f8f9;
font-size: 11px;
color: #555;
}
div#votes-panel h3 {
color: white;
text-align: right;
background-color: #6485A2;
padding: 15px 10px;
border-bottom: 2px solid #a4c0da;
font-size:18px;
font-weight:normal;letter-spacing:0.02em;
}
div#votes-panel a {
color: #6485a2;
text-decoration: underline;
}
div#votes-panel p {
padding: 10px 0 0 10px;
}
div#votes-panel #uservotes {
padding: 9px 10px;
}
div#votes-panel #uservotes li {
padding: 5px 5px;
border-bottom: 2px dotted #6485a2;
}
#ticker-heading {
position: relative;
background-color: #92b2cd;
height: 72px;
border-bottom: 2px solid #a4c0da;
}
#ticker-heading span {
position: absolute;
display: block;
color: #ffffff;
text-align: right;
bottom: 7px;
right: 7px;
}
#comments-count{color:#555;padding-left:46px;font-size:11px;}
.sign-in-sample {
display:block;
float:right;
margin:-75px 25px 25px 25px;
}
#body-home ul.copy li {
    list-style-type:disc;
    margin-left:20px;
}
.newConceptButton {
    margin-left:30px;
}
.demoFrame {
margin:0px 0px 20px 20px;
text-align:-moz-center;
}
.demoFrame p {
font-size:90%;
font-weight:bold;
margin:0 0 5px;
padding:0;
text-align:left;
}
.demoFrame a {
font-size:60%;
margin-top:5px;
text-decoration:none;
}
.demoFrame a img {
border:2px solid silver;
}
.choose_community_logo {
	padding: 7px;
	text-align: right;
}
.choose_community_logo:hover {
	background-color: #e8f2fa;
}
.choose_community_text {
	vertical-align: top;
	padding: 7px;
	font-family:Helvetica,Arial;
	font-size: 11pt;
}
.choose_community_text:hover {
	background-color: #e8f2fa;
}
.choose_community_table {
	margin-top: 10px;
	margin-bottom: 15px;
}
.choose_community_item {
	width: 400px;
}
.choose_community_item:hover {
	background-color: #e8f2fa;
	cursor: pointer;
}
.summary-three-cols {
	float: left;
	width: 710px;
}
.comment-column {
	float: right; 
	width: 300px;
}
.comment-delete {
	float: right;
	cursor: pointer;
	color: red;
	font-weight: bold;
	font-size: 10pt;
}
.comment-item {
	border-bottom: 1px dotted #808080;
	padding-top: 7px;
	padding-bottom: 7px;
}
.comment-author {
	font-weight: bold;
	padding-bottom: 4px;
}
.comment-date {
	font-style: italic;
	font-size: 80%;
	padding-bottom: 4px;
}
.comment-body {
	font-size: 11pt;
	line-height: 110%;
}
#dl-fake-user-warning {
	margin-top: 10px;
	border: 1px solid #00FF00;
	background-color: #DDFFDD;
	padding: 6px;
	font-size: 10pt;
}