/* -----------------------------------------------------------------------

Master stylesheet for Democracy Rules website
Author           Rick Knight <knight@microteck.com>
Version          1.1
Created          06 July 2001
Last-Modified    07 November 2001

----------------------------------------------------------------------- */

/* Headlines in descending sizes. */

.subhead1 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 19px;
					line-height: 21pt;
					font-style: normal;
 					font-weight: bold; 
					color: #003366}


.subhead2 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 14px;
					line-height: 21pt;
					font-style: normal;
 					font-weight: bold; 
					color: #003366}
		
.subhead3 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 12px;
					line-height: 14pt;
					font-style: normal;
 					font-weight: bold; 
					color: #003366}

/* 	"bodytext" is the basic text style
	"bodybold" corrects a bug that causes B tag to be ignored.
	"footnote" has smaller text and leading. 
	"underline" forced underlining of links to legalese. 
	 Must be used with SPAN inside of anchor tags to work properly. */

.bodytext		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 14px;
					line-height: 20px;
					font-style: normal;
					font-weight: normal;
					color: #000000}
			
.bodybold 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 14px;
					letter-spacing: 1px;
					word-spacing: 1px;
					line-height: 20px;
					font-style: normal;
					font-weight: bold;
					color: #000000}

.issueClass {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	word-spacing: 1px;
	line-height: 20px;
	font-style: normal;
	font-weight: bold;
	color: darkblue;
}

.bodywhite 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 12px;
					line-height: 14px;
					font-style: normal;
					font-weight: bold;
					color: #FFFFFF}

.bodyred 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 12px;
					letter-spacing: 1px;
					word-spacing: 1px;
					line-height: 20px;
					font-style: normal;
					font-weight: bold;
					color: #FF0000}
.bodyblue 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 12px;
					letter-spacing: 1px;
					word-spacing: 1px;
					line-height: 14px;
					font-style: normal;
					font-weight: bold;
					color: #003366}
					
.bodybrightblue 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 12px;
					letter-spacing: 1px;
					word-spacing: 1px;
					line-height: 20px;
					font-style: normal;
					font-weight: bold;
					color: #4103F8}

.bodygreen 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 12px;
					letter-spacing: 1px;
					word-spacing: 1px;
					line-height: 20px;
					font-style: normal;
					font-weight: bold;
					color: #008000}
			
.footnote 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 14px;
					line-height: 16px;
					font-style: normal;
					font-weight: normal;
					color: #000000;
                                        text-transform: capitalize;}
					
.subcatFootnote {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	font-weight: bold;
	color: darkred;
	text-transform: capitalize;
}

.issueFootnote {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	font-weight: bold;
	color: black;
	text-transform: capitalize;

}
					
.bodytightlines	{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 12px;
					line-height: 10px;
					font-style: normal;
					font-weight: normal;
					}
					
.bodytiny 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 10px;
					
					font-style: italic;
					font-weight: normal;
					
					}				
						
LI.spaced	{
					margin-bottom: 9px;
					}						
.underline 		{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 12px;
					letter-spacing: 1px;
					word-spacing: 1px;
					line-height: 14px;
					font-style: normal;
					font-weight: bold;
					text-decoration: underline;
					color: #000066}


/* Style for legal disclaimers */
	
.legal 			{	font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size: 11px;
					line-height: 11px;
					font-style: normal; 
					font-weight: normal;
					color: #999999}
			
/* 	Link styles change only color of text.
	Basic style of text must be applied separately.*/
	
a:link 			{  	color: #CC6600; 
					text-decoration: none}
			

			
a:active 		{	color: #666699; 
					text-decoration: underline}

a:visited 		{ 	color: #666699;
					text-decoration: none}
a:hover 		{  	color: #CC6600; 
					text-decoration: underline}					

/* FONT COMPONENTS */
	font.plus { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; }
	font.options  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; }
	font.category { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; }
	font.red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; color:red; }
	font.green { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; color:green; }
	font.tc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; }
	font.errormsg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal; color:red; margin-left: 100px; margin-right: 100px; }
	font.sysmsg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal; color:green; margin-left: 100px; margin-right: 100px; }
	font.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; }
	font.label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal; }
	font.content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal; }
	font.control { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; }
	font.info { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; }
	font.option { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal; }
	font.detail { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal; }
	
	font.pagetitle {	font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 14px;
					line-height: 21pt;
					font-style: normal;
 					font-weight: bold; 
					color: #003366}
					
	font.pagebigtitle {	font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 18px;
					line-height: 21pt;
					font-style: normal;
 					font-weight: bold; 
					color: #003366}

	font.navline { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:white; font-size:10pt; }
	font.navbar { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; color:#666666; }
	font.headerbar { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:white; }
	font.ghost  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; color:#CACACA; }


/* DIV COMPONENTS */
	div.question 	{ font-weight:bold; }
	div.answer 	{ padding-left:8px; padding-top:2px; padding-bottom:2px; }
	div.options 	{ font-size:8pt; font-weight:bold; margin-left:4px; padding-top:2px; padding-bottom:2px; vertical-align:middle; }


/* TABLE COMPONENTS */
	td.header {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding: 5,0,0,0;}
	td.options 		{ background-color:#D4D6E4; }
	td.summary 		{ background-color:#DFDFDF; }
	td.summarytop	{ background-color:#CACACA; }
	td.headerbar { background-color:#FFFFFF; }
	td.subheaderbar { background-color:#FFFFFF; }
	td.navline { background-color:#333366; }
	td.navbar { background-color:#FFFFFF; }
	td.pagetitle { background-color:#FFFFFF; }
	td.pagebreak { background-color:#D4D6E4; }
	td.standard {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal; color:#333366;}
	td.msgarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal; color:#333366;}
	td.align_right {text-align: right;	
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					line-height: 14px;
					font-style: normal;
					font-weight: normal;
					color: #000000}
	td.align_left {text-align: left;	
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					line-height: 14px;
					font-style: normal;
					font-weight: normal;
					color: #000000}				
	td.align_center {text-align:center;	
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					line-height: 14px;
					font-style: normal;
					font-weight: normal;
					color: #000000}	
        td.align_center_bold{
            text-align:center;	
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            line-height: 14px;
            font-style: normal;
            font-weight: bold;
            color: #000000
        }
	td.align_right_bold  {text-align: right;	
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					line-height: 14px;
					font-style: normal;
					font-weight: bold;
					color: #000000}
        .affiliate_table{
            width:600px;
        }

/* FORM COMPONENTS */
	textarea.question {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; color:#333366;}
	textarea.answer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal; color:#333366;}

	textarea  {font-family: Verdana, Arial, Helvetica, sans-serif,helvetica; font-size:8pt; color:#333366; font-weight:normal}
	input  {font-family: Verdana, Arial, Helvetica, sans-serif,helvetica; font-size:8pt; color:#333366; font-weight:bold}
	select {font-family: Verdana, Arial, Helvetica, sans-serif,helvetica; font-size:8pt; color:#333366; font-weight:bold}

/*popup  calendar*/
#testdiv1 {
    position:relative;
}


.evenrow{
    background-color: #e5ebff;
}

.oddrow{
    background-color: white;
}
.left_border{
    background-image: url("images/global/DR_left_border.png");
}

.right_border{
    background-image: url("images/global/DR_right_border.png");
    background-repeat: no-repeat;
}

.right_border_mission{
    background-image: url("images/global/DR_static-image_mission-page.jpg");
    background-repeat: no-repeat; 
    
 }
 
 #nav_top {
     background-color:red;
 }
 
 .body_container {
     /*background-color:lightgoldenrodyellow;*/
 }
 
 .body_container div { 
     display: inline-block;  
     padding: 0; 
     margin:1%;
 }
 
 .column_one {
    width:22%;
    /*border: 1px solid black;
    background-color:white;*/
    vertical-align:top;
 }

.column_two {
    width:22%;
    /*border: 1px solid black;
    background-color:lightorange;*/
    vertical-align:top;
    
}

.column_three {
    width:22%;
    /*border: 1px solid black;
    background-color:lightblue;*/
    vertical-align:top;
    
}

.column_four {
    width:22%;
    /*border: 1px solid black;
    background-color:lightgreen;*/
    vertical-align:top;
   
}

.text_column{
    width:90%;
    vertical-align:top;
    float:left;
}

.login_text_column{
    margin-right: 20px;
    vertical-align:top;
    float:left;
}

.pledge_letterhead_box{
    width:60%;
    
    vertical-align:top;
    float:left;
    border: 2px solid red;
}

.picture_column{
    width:300px;
    vertical-align:top;
    float:right;
}

.variable_picture_column{
    width:25%;
    vertical-align:top;
    float:right;
}

.small_column_left{
    width:300px;
    vertical-align:top;
    float:left;
}

.login_picture_column{
    
    vertical-align:top;
    float:left;
}

.options{
    width: 70%;
    float:left;
}

.spacer{
    float: left;
    height: 30px;
    width: 100%;
}
.breadcrumb_row{
    width:90%;
    height: 25px;
    background-color:lightgrey;
}
.body_text{
    width:100%;
    float:left;
}

.gray_bar{
    height:25px;
    width:70%;
    background-color:lightgray;
    float:left;
    padding-left:30px;
    padding-top:8px;
}

.sub_gray_bar{
    background-color: #D3D3D3;
    float: left;
    height: 25px;
    padding-left: 30px;
    padding-top: 8px;
    width: 95%;
}
.submit{
    /*class for submit buttons in javascript style*/
    color: #CC6600;
    background-color:white;
}

.error_bar{
    /*height: 25px;*/
    padding: 10px;
    color:red;
    font-weight: bold
}
.percent_bar{
    background-color: #FF0000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    float: left;
    height: 5px;
    margin-left: 40px;
    margin-top: 8px;
}
input.error{
    /*class for validate errors*/
    border: 2px solid red;
}

.winning_issue {
    font-size: 10px;
    
    font-weight: normal;
    line-height: 13px;
}

.letterhead_address{
    
    margin-left:20px;
}

.spacer_top_20{
    margin-top:20px;
}

.spacer_bottom_20{
    margin-bottom:20px;
}

.indent_left_15{
	margin-left:15px;
	display: block;
}

.indent_left_30{
    margin-left:30px;
}

#affiliate_logo {
    height:100px;
    background:url(/images/header/logo_affiliates.jpg); 
    background-repeat:no-repeat;
}

.country_table{
    width:600px;
    border:1px solid black;
    border-style:double;
    
    background-color: #DFDFDF;
}
.country_table tr {
    border-style:double;
}

.CSSTableGenerator {
	margin:0px;padding:0px;
	
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
        line-height: 1.5em;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
	background:-o-linear-gradient(bottom, #999999 5%, #4c4c4c 100%);	
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #4c4c4c) );
	background:-moz-linear-gradient( center top, #999999 5%, #4c4c4c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#4c4c4c");	
        background: -o-linear-gradient(top,#999999,4c4c4c);

	background-color:#999999;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.CSSTableGenerator tr:first-child td{
	background:-o-linear-gradient(bottom, #999999 5%, #4c4c4c 100%);	
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #4c4c4c) );
	background:-moz-linear-gradient( center top, #999999 5%, #4c4c4c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#4c4c4c");	
        background: -o-linear-gradient(top,#999999,4c4c4c);

	background-color:#999999;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator th{
	background:-o-linear-gradient(bottom, #999999 5%, #4c4c4c 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #4c4c4c) );
	background:-moz-linear-gradient( center top, #999999 5%, #4c4c4c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#4c4c4c");	background: -o-linear-gradient(top,#999999,4c4c4c);

	background-color:#999999;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.CSSTableGenerator td.center{
    text-align:center;
}

.criteria_table{
    width:100px;
}

.capitalize {
    text-transform: capitalize;
}

.pledge_letter_option{
    padding-left: 20px;
    width: 90%;
}

.regional_poll_column{
    width:50%;
    vertical-align: top;
}
.trustee_block {
    width: 333px;
}
table.issue {
    margin-bottom: 0;
    width: auto;
}
.issue td {
    padding: 0;
    font-weight: normal;
    vertical-align: top;
}
.section_title{
   background: #6C6464 none repeat scroll 0% 0%;
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    width: 100%;
    color: white;
    height: 20px;
    text-valign: center;
    margin-top: 15px;
}

  
.stop {background-color: red;}
.slow {background-color: yellow;}
.go {background-color: green;}


.center_text {

    font-size: 18px;
    color: black;
    z-index: -2;
    margin-left: 25%;
    margin-top: 39%;
} 
.light p {
    display: table;
    margin: 40% auto;
    opacity : 1.0;
    /*margin: 0;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)*/ }
.light {
  height: 120px;
  width : 120px;
  border-radius: 50%;
  opacity : 0.3; /* makes colors less bright by default */
  margin-left:14%;
  display: inline-block;
}

.on {opacity: 1;}