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

/* reset5 © 2011 opensource.736cs.com MIT */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}

body{
    font-family: "Merriweather", serif;
    font-style: normal;
    background: #f1f1f1 top center no-repeat;
    font-size: 14px;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
}

a{
    color:#265692;
    text-decoration: none;
    font-weight: bold;
}
p{
    font-style: normal;
    margin-bottom: .75em;
}
a:hover{text-decoration: underline;}

h2{
    font-size: 40px;
    color: #092845;
    font-style: italic;
    line-height: 1.2em;
    margin-bottom: 10px;
}

h3{
    font-size: 24px;
    color: #092845;
    font-style: italic;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.main.container {
    padding-top: 10px;
}
.container {
    margin: 0 auto;
    max-width: 930px;
    overflow: hidden;
    position: relative;
}

.block-webform {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-right: 3%;
    padding: 0 3%;
    width: 61%;
    z-index: 2;
    padding-top: 10px;
    padding-bottom: 10px;
}

select.my_dropdown {
    width:100%;
}

label {
    overflow: hidden;
    text-overflow: ellipsis;
}

input[type="text"], select, textarea {
    border: 1px solid #F1F1F1;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 5px;
    background: rgb(245,244,249); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(245,244,249,1) 0%, rgba(255,255,255,1) 30%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,244,249,1)), color-stop(30%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(245,244,249,1) 0%,rgba(255,255,255,1) 30%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(245,244,249,1) 0%,rgba(255,255,255,1) 30%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(245,244,249,1) 0%,rgba(255,255,255,1) 30%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(245,244,249,1) 0%,rgba(255,255,255,1) 30%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

input[type="submit"]{
    background: #1f72c7;
    font-family: 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 24px;
    margin: 5px 0 !important;
    padding: 5px !important;
    border: none;
    cursor: pointer;
    box-shadow: 0px 4px 0px 0px #e8e8e8;
}
    input[type="submit"]:hover{
        background: #0e5093;
    }

input[type="button"] {
    background: none repeat scroll 0 0 #cccccc;
    border: medium none;
    box-shadow: 0 4px 0 0 #E8E8E8;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Lato',sans-serif;
    font-size: 24px;
    font-weight: 900;
    margin: 5px 0px 5px 20px !important;
    padding: 5px !important;
    text-transform: uppercase;
    width:auto;
    vertical-align: middle;
    text-align: center;
}

.form-row {
    clear: both;
}

.form-col-50 {
    float: left;
    width: 48%;
}

.form-col-50.margin-left {
    width: 46%;
    margin-left: 2%;
}

.form-col-30 {
    float: left;
    width: 33%;
}

.form-col-70 {
    float: left;
    width: 62%;
}

.description {
    float: right;
    position: relative;
    width: 28%;
    margin-right: 10px;
}
#results {
    clear: both;
    width: 100%;
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-right: 0;
    padding: 10px 0;
    z-index: 2;
    margin-top: 20px;
    font-size: .875em;
}

#results .content {
    border: 1px #cccccc solid;
}
#results .header {
    background-color: #333333;
    font-size: 1em;
    color: #FFFFFF;
    padding: 5px 0;
}
#results .header div {
    float: left;
}
#results .row {
    padding: 5px 0;
}
#results .row div {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
#results .even {
    background-color:#FFFFFF;
}
#results .odd {
    background-color: #CCCCCC;
}
#results .state { width: 10%; }
#results .office { width: 10%; }
#results .district { width: 8%; }
#results .party { width: 10%; }
#results .first { width: 10%; }
#results .middle { width: 7%; }
#results .last { width: 10%; }
#results .incumbent { width: 10%; }
#results .status { width: 10%; }
#results .image { width: 7%; }
#results .more { width: 8%; }

#results .state.regular { width: 15%; }
#results .office.regular { width: 15%; }
#results .district.regular { width: 10%; }
#results .first.regular { width: 15%; }
#results .middle.regular { width: 10%; }
#results .last.regular { width: 15%; }
#results .incumbent.regular { width: 10%; }
#results .status.regular { width: 10%; }

#results .label {
    display: none;
}

.clear {
    clear: both;
    float: none;
    padding: 0;
    margin: 0;
    border: none;
}

#record-table {padding-top: 10px;}
#record-table td{vertical-align: middle;}
.record-label { float:right; padding-right: 20px; font-weight: bold;}

#pledge-table {width: 100%}
#pledge-table td {padding-right:10px}
#pledge-table input[type="text"], select { width: 50%}
#effective-date { width:100px; }

.error_container { clear:both; color:red; margin-bottom:10px; }
input[type="text"].error,select.error { border: 1px solid red; }

/*tablet*/
@media only screen and (min-width : 471px) and (max-width : 840px) {
.block-webform {
    float: none;
    width: 100%;
}

.description {
    float: none;
    width: 100%;
    margin-top: 10px;
}
#results .state { width: 20%; }
#results .office { width: 20%; }
#results .district { width: 20%; }
#results .party { width: 20%; }
#results .first { width: 20%; }
#results .middle { width: 10%; clear: left; }
#results .last { width: 20%; }
#results .incumbent { width: 20%; }
#results .status { width: 20%; }
#results .image { width: 15%; }
#results .more { width: 15%; }

#results .state.regular { width: 25%; }
#results .office.regular { width: 25%; }
#results .district.regular { width: 25%; }
#results .first.regular { width: 25%; }
#results .middle.regular { width: 25%; clear:left}
#results .last.regular { width: 25%; }
#results .incumbent.regular { width: 25%; }
#results .status.regular { width: 25%; }
}

/*mobile*/
@media only screen and (max-width : 470px) {
.block-webform {
    float: none;
    width: 100%;
}

.description {
    float: none;
    width: 100%;
    margin-top: 10px;
}

.form-col-50 {
    float: none;
    width: 96%;
    clear:both;
}

.form-col-50.margin-left {
    margin-left: 0;
    width: 96%;
}
#results .header {
    display:none;
}
#results .label {
    display: inline;
    font-weight: bold;
}
#results .row div {
    float: none;
}
#results .state { width: 100% !important; }
#results .office { width: 100% !important; }
#results .district { width: 100% !important; }
#results .party { width: 100% !important; }
#results .first { width: 100% !important; }
#results .middle { width: 100% !important; }
#results .last { width: 100% !important; }
#results .incumbent { width: 100% !important; }
#results .status { width: 100% !important; }
#results .image { width: 100% !important; }
#results .more { width: 100% !important; }
}